/** Shopify CDN: Minification failed Line 3391:83 Unexpected "span" **/ /* Mobile: screen and (max-width: 640px) min- 6401 Tablet: screen and (min-width: 641px) and (max-width: 1007px) Lap: screen and (min-width: 1000px) and (max-width: 1239px): */ .reward-content-wraper{ display: flex; flex-direction: column; justify-content: start; align-items: start; } .reward-subheading-wraper, .description-wraper { margin-top: 2rem; } .reward-contant-main { max-width: 94.2rem; margin: 0 auto 0; padding: 3rem 0 20rem; padding-inline: 3rem; } .reward-contant-main.reward__benefit-tier-section{ max-width: 94.5rem; } #loyaltylion{ font-family: Neue Haas Unica, sans-serif !important; } #loyaltylion .button-with-link{ font-size: 1.4rem; line-height: 2.1rem; text-decoration: underline; text-underline-offset: 0.5rem; cursor: pointer; } .reward-contant-main .reward-heading b, .reward-contant-main .reward-heading strong { font-weight: 900 !important; } .reward-contant-main .reward-subheading-wraper{ width: 100%; } .reward-contant-main .reward-subheading-wraper .reward-sub-description{ font-size: 2.4rem; font-style: normal; font-weight: 400; line-height: 2.4rem; } .reward-contant-main .reward-description { font-size: 1.2rem; font-style: normal; font-weight: 400; line-height: 1.8rem; } .reward-content-wraper .button-wraper{ display: flex; flex-direction: column; gap: 2rem; width: 100%; align-items: start; } .reward-content-wraper .button-wraper .login-wraper{ align-items: end; gap: 1.2rem; } .reward-content-wraper .button-wraper .sign-up-wraper{ align-items: start; gap: 1rem; } .reward-content-wraper .button-wraper .sign-up-wraper, .reward-content-wraper .button-wraper .login-wraper{ display: flex; justify-content: center; } .reward-contant-main .reward-content-wraper .button-wraper .reward-description{ font-size: 1.4rem; line-height: 2.1rem; padding-block: 0.5rem; } .reward-contant-main .reward-description strong{ } .reward-contant-main .reward-description a{ text-decoration: underline; cursor: pointer; } .reward-content-wraper .reward-heading_desc-wraper{ width: 100%; } .reward-content-wraper .reward-heading_desc-wraper:has(.reward-description) + .button-wraper{ margin-top: 4.2rem; } .reward-content-wraper .button-wraper .login-wraper .login-button, .reward-content-wraper .button-wraper .sign-up-wraper .sign-up-button{ text-underline-offset: 1rem; text-wrap: nowrap; } .reward-content-wraper .button-wraper .login-wraper .login-button{ padding-bottom: 0.5rem; } .reward-content-wraper .button-wraper .sign-up-wraper .sign-up-button { padding-top: 0.5rem; } /* reward how it works section */ .reward_step_wrapper{ display: flex; gap: 2rem; width: 100%; justify-content: space-between; margin-top: 4.2rem; } .reward_step_wrapper .step_block{ display: grid; max-width: 15.6rem; width: 100%; grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); } .reward_step_wrapper .step_block .wrapper-sub{ display: flex; flex-direction: column; justify-content: space-between; } .reward_step_wrapper .step_block .step-subtext{ font-size: 1.4rem; line-height: 2.1rem; font-style: normal; font-weight: 400; line-height: normal; margin-top: 1rem; margin-bottom: 2rem; } .reward_step_wrapper .step_block .sign-up-button{ text-underline-offset: 1rem; padding-bottom: 0.5rem; font-weight: 700; } .hide_desk_or_mobile { display: none; } .hide_tablet_or_mobile { display: none; } .Desktop-image, .Desktop-Video { display: none; } .Tablet-image, .Tablet-Video { display: none; } .Mobile-image, .Mobile-Video { display: flex; height: 100%; } @media screen and (min-width: 768px) { .hide_desk_or_tablet { display: none; } .hide_desk_or_mobile { display: flex; } .Desktop-image, .Desktop-Video { display: none; } .Tablet-image, .Tablet-Video { display: flex; height: 100%; } .Mobile-image, .Mobile-Video { display: none; } } @media screen and (min-width: 1024px) { .hide_desk_or_mobile { display: none; } .hide_tablet_or_mobile { display: flex; } .Desktop-image, .Desktop-Video { display: flex !important; height: 100%; } .Tablet-image, .Tablet-Video { display: none; } .Mobile-image, .Mobile-Video { display: none; } } /*Hero section*/ .reward-hero-main .reward-hero-main { position: relative; } .reward-hero-main .image-wrapper { position: absolute; top: 0; /* z-index: -1; */ width: 100%; height: 100%; } .reward-hero-main .image-wrapper .video-poster-image{ display: none; } .reward-hero-main .icon-wrapper { max-width: 33.3rem; } .reward-hero-main .section-content { margin-top: 7.4rem; } .reward-hero-main .description-text-content { display: flex; align-items: center; row-gap: 1rem; text-align: center; font-size: 1.4rem;; } .reward-hero-main .heading-with-background t{ margin-left: 2rem; line-height: 2.31rem; } .reward-hero-main .heading-with-background { margin-left: 2.5rem; background: rgb(255 255 255 / 20%); border-radius: 10rem; padding: 0.5rem 2.5rem 0.5rem 2.6rem; } .reward-hero-main .button-wrapper { /* margin-top: 117px; */ display: flex; flex-direction: column; gap: 2.9rem; justify-content: center; align-items: center; } section.reward-hero-main.reward-section { position: relative; margin-top: -0.5rem; } .h-full { height: 100%; } .reward-hero-main .button-with-link { padding-block: 0.5rem 0.4rem; display: inline-block; text-decoration: none; border-bottom: 0.1rem solid var(--color-white); position: relative; } /* .reward-hero-main .button-with-link::after { content: ""; position: absolute; width: 100%; transform: scaleX(0); height: 0.1rem; bottom: -0.1rem; left: 0; background-color: var(--color-white); transition: transform .25s ease-out; } */ .reward-hero-main .button-with-link:hover { border-bottom-color: transparent !important; } .reward-hero-main .button-with-link:hover::after { transform: scaleX(1); } .reward-hero-main .image-wrapper img{ width: 100%; object-fit: cover; height: 100%; } .lion-reward-item.lion-reward-item--checkout-redemption.lion-reward-item--customer { display: none !important; } /*benefit tier section*/ .benefit-tier-items { display: flex; gap: 1.2rem; align-items: self-start; --tier-width: 28.4rem; } .account-tiers .benefit-tier-items{ gap: 1rem; } .reward-content-wraper .section__header { margin-bottom: 4.2rem; width: 100%; } .reward-content-wraper .benefit-tiers-content { width: 100%; } .benefit-tier-items .benefit-tier-item { border: 0.1rem solid rgba(var(--color-main-text), 0.70); width: calc((100% - 2.4rem)/3); } .benefit-tier-items .benefit-tier-item .benefit-tier-item-content-inner{ padding-inline: 2rem; padding-bottom: 2rem; } .reward__benefit-tier-section .benefit-tiers-content-wrapper .benefit-tier-items .benefit-tier-item-content img{ height: 100%; object-fit: fill; width: 100%; } .benefit-tier-items .benefit-tier-item .video-wrapper video { height: 100%; width: 100%; object-fit: cover; aspect-ratio: 1; } .benefit-tier-items .benefit-tier-item .video-poster-image, .benefit-tier-items .benefit-tier-item .video-wrapper .video-control { display: none; } .reward-content-wraper .point-reward-content{ width: 100%; } .benefit-tier-items .benefit-tier-item .tier-heading{ margin-bottom: 6rem; } /* .benefit-tier-items .benefit-tier-item .desk_figure, .benefit-tier-items .benefit-tier-item .tab_figure, .benefit-tier-items .benefit-tier-item .mob_figure, .benefit-tier-items .benefit-tier-item .desk_video, .benefit-tier-items .benefit-tier-item .tab_video, .benefit-tier-items .benefit-tier-item .mob_video, .benefit-tier-items .benefit-tier-item .desk_figure img, .benefit-tier-items .benefit-tier-item .tab_figure img, .benefit-tier-items .benefit-tier-item .desk_video video, .benefit-tier-items .benefit-tier-item .tab_video video,, .benefit-tier-items .benefit-tier-item .hide_desk_or_mobile, .benefit-tier-items .benefit-tier-item .hide_desk_or_tablet { margin-bottom: 20px; } */ .benefit-tier-items .benefit-tier-item .desk_figure img, .benefit-tier-items .benefit-tier-item .tab_figure img, .benefit-tier-items .benefit-tier-item .mob_figure img, .benefit-tier-items .benefit-tier-item .desk_video video, .benefit-tier-items .benefit-tier-item .tab_video video, .benefit-tier-items .benefit-tier-item .mob_video video{ /* border-radius: 20px 20px 0px 0px; */ /* aspect-ratio: 1; */ object-fit: cover; } .benefit-tier-items .benefit-tier-item .tier-points{ height: 2.1rem; padding-inline: 2rem; } .benefit-tier-items .benefit-tier-item .tier-points span{ font-size: 1rem; letter-spacing: -0.075rem; display: inline-flex; } .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier-benefit_heading { height: 2rem; margin-bottom:1.5rem; line-height: 1.4rem; } .benefit-tier-items .benefit-tier-item .tier-description{ margin-top: 1rem; text-align: justify; padding-bottom: 2.8rem; line-height: 1.4rem; } .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text{ line-height: 1.4rem; margin-top: 1.5rem; display: flex; flex-direction: column; gap: 1.5rem; } .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text ul, .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text ol{ padding: 0; margin: 0; } .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text ol{ padding-left: 1rem; } .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text ul li{ position: relative; } .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text ul li::marker{ margin: 0 !important; content: none; } .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text ul li::before{ content: "•"; font-size: 1.2rem; font-weight: 400; line-height: 1.4rem; color: var(--color-main-text); margin-right: 0.5rem; } .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text a { text-decoration: underline; } .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text p{ margin: 0; } /*Reward Point section*/ .reward__point-section .reward-points-items { display: grid; gap: 1.2rem; grid-template-columns: 1fr 1fr 1fr; } .reward__point-section .reward-points-items .reward-point-item-wrapper { padding: 2.9rem 2rem; border: 0.1rem solid; border-radius: 1rem; } .reward__point-section .reward-points-items .reward-point-item-wrapper .point-text{ font-size: 1rem; font-style: normal; font-weight: 900; line-height: 1.5rem; margin-top: 1rem; } .reward__point-section .reward-points-items .reward-point-item-wrapper .point-heading{ font-size: 1.4rem; min-height: 4.2rem; line-height: 2.1rem; } .reward__point-section .reward-points-items .reward-point-item-wrapper .point-content{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .reward__point-section .reward-points-items .reward-point-item-wrapper .point-link-button .button-with-link{ font-size: 1.2rem; line-height: 1.8rem; font-weight: 700; } .reward__point-section .reward-points-items .reward-point-ith-link { grid-column: span 3; padding: 2.7rem 2rem; display: flex; justify-content: space-between; align-items: end; } .reward__point-section .reward-points-items .reward-point-ith-link .point-link-button{ line-height: 1.8rem; padding-block: 0.5rem; /* box-shadow: 0 1px var(--color-main-text); */ } .reward__point-section .reward-points-items .reward-point-ith-link .point-link-button .button-with-link{ text-decoration: none; } .reward__point-section .reward-points-items .reward-point-ith-link .point-heading{ min-height: unset; } @media screen and (min-width: 1024px){ .reward-heading.h1 br{ display: none; } } @media screen and (max-width: 1024px){ .reward_step_wrapper{ gap: 2rem; } } .reward-hero-main .image-wrapper video{ width: 100%; height: 100%; object-fit: cover; } .reward-hero-main .video-wrapper{ width: 100%; height: 100%; } .benefit-tier-item-content .h-full{ aspect-ratio: 286/450; } @media screen and (min-width:999px){ .reward-hero-main .image-wrapper video{ height: 100%; } } @media screen and (max-width: 767px){ .benefit-tier-items .benefit-tier-item .mob_figure img{ /* aspect-ratio: 235 / 247; */ } .reward_step_wrapper .step_block{ max-width: unset; display: flex; flex-direction: column; } .benefit-tier-items .benefit-tier-item{ width: 100%; } .reward__faq-section .Faq__Question{ padding-right: 2.4rem; } .reward-contant-main { padding-inline: 0 ; /* margin-top: 30px; margin-bottom: 150px; */ padding-top: 2rem; padding-bottom: 15rem; } .reward-subheading-wraper{ margin-top: 3rem; } .reward-subheading-wraper .reward-subheading{ font-size: 4.5rem; font-style: normal; font-weight: 400; line-height: 3.8rem; } .reward-contant-main .reward-subheading-wraper .reward-sub-description{ font-size: 2rem; line-height: 2.8rem; } .reward_step_wrapper{ flex-direction: column; width: 100%; gap: 3.2rem; margin-top: 3rem; } .reward_step_wrapper .step_block .steps-heading{ font-size: 2rem; line-height: 1.8rem; } .reward_step_wrapper .step_block .steps-heading br{ display: none; } .reward_step_wrapper .step_block .step-subtext{ font-size: 1.2rem; line-height: 1.8rem; margin: 0; margin-top: 0.5rem; } .reward_step_wrapper .step_block .wrapper-sub{ display: flex; flex-direction: row; gap: 1.2rem; justify-content: space-between; align-items: end; } .reward_step_wrapper .step_block .wrapper-sub .button-with-link{ font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .reward-content-wraper .button-wraper .sign-up-wraper, .reward-content-wraper .button-wraper .login-wraper{ justify-content: start; gap: 0.8rem; align-items: baseline; } .reward-content-wraper .button-wraper .sign-up-wraper .sign-up-button, .reward-content-wraper .button-wraper .login-wraper .login-button, .reward-contant-main .reward-content-wraper .button-wraper .reward-description{ font-size: 1.2rem; line-height: 1.8rem; } .reward-content-wraper .button-wraper{ justify-content: start; width: 100%; padding: 0; } .reward-content-wraper .reward-heading_desc-wraper{ width: 100%; } .reward__point-section .reward-points-items{ grid-template-columns: 1fr; } .reward__point-section .reward-points-items .reward-point-ith-link{ grid-column: span 1; flex-direction: column; gap: 2rem; align-items: start; } .reward__point-section .reward-points-items .reward-point-item-wrapper .point-heading{ min-height: unset; font-size: 1.2rem; line-height: 1.8rem; max-width: 17rem; } .reward__point-section .reward-points-items .reward-point-item-wrapper .point-content{ flex-direction: row; width: 100%; gap: 0.5rem; } .reward__point-section .reward-points-items .reward-point-item-wrapper .point-link-button{ width: 100%; max-width: fit-content; padding-top: 0.5rem; } .reward__point-section .reward-points-items .reward-point-item-wrapper .point-link-button .button-with-link{ font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .reward-content-wraper .reward-heading_desc-wraper:has(.reward-description) + .button-wraper{ margin-top: 3rem; } .reward__point-section .reward-points-items .reward-point-item-wrapper .point-text{ margin: 0; font-size: 0.9rem; line-height: 1.3rem; text-wrap: nowrap; text-align: start; align-items: top; display: flex; } .reward__point-section .reward-points-items .reward-point-item-wrapper{ padding: 2rem; padding-block: 1.9rem; } .benefit-tier-items{ flex-wrap: wrap; gap: 2rem; } .account-rewards .benefit-tier-items{ flex-wrap: nowrap; } .reward-content-wraper .section__header{ margin-bottom: 3rem; padding-inline: 3rem; } .reward-content-wraper .faq-content .heading-block{ margin-top: 3rem; } .reward-content-wraper .faq-content .heading-block:first-child{ margin-top: 0; } .reward-content-wraper .faq-content .Faq__ItemWrapper{ padding-bottom: 1.6rem; } .reward-content-wraper .faq-content .Faq__Item{ margin: 1.6rem 0; } .reward-content-wraper .faq-content .Faq__Answer{ padding-top: 0; } .reward-content-wraper .faq-content .section__header-description{ margin-top: 1.6rem; } .reward-hero-main .heading-with-background{ margin: 0; } .reward-hero-main .description-text-content .heading-welcome{ margin-right: 2.5rem; } .reward-hero-main .description-text-content{ font-size: 1.2rem; } .reward-hero-main .description-text-content .svg-icon-between-text{ display: none; } /* .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier-benefit_heading{ line-height: 1.3rem; font-size: 0.9rem; } */ /* .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text{ gap: 1rem; margin-top: 1rem; } */ .reward-content-wraper .faq-content .section__header-description{ line-height: 1.8rem; padding-bottom: 1.6rem; font-size: 1.2rem; } } @media screen and (max-width:640px){ .reward__benefit-tier-section .reward-content-wraper .reward-heading{ font-size: 3.5rem; line-height: 2.8rem; /* 80% */ letter-spacing: -0.2625rem; } .benefit-tier-item-content .h-full{ aspect-ratio: 375/449; } .benefit-tier-items .benefit-tier-item{ border-inline: 0; } } /* account */ .account-rewards.account-reward-menu { position: relative; /* Initial position */ z-index: 1000; /* Adjust z-index as needed */ } /* .account-rewards.account-reward-menu.sticky { position: fixed; top: 0; margin: 0; margin-inline: calc((100% - 720px) / 2); width: 100%; background: white; } .account-rewards.account-reward-menu.sticky .reward-page-menu ul.reward-tabs{ background-color: white; } */ section.reward-account-page-hero { /* max-width: 718px; padding-inline: 34px; */ margin-inline: auto; /* margin-block: 2rem 4.4rem; */ } section.account-rewards{ max-width: 94.5rem; /* margin-block: 40px 150px; */ margin-inline: auto; color: var(--color-main-text); padding-inline: 3rem; position: relative; z-index: 1; } section.account-rewards .container-reward{ padding-inline: 0; } section.account-rewards.account-tiers { max-width: 94.3rem; } section.reward-account-page-hero .customer-name{ display: flex; justify-content: center; text-align: center; padding-bottom: 2rem; flex-direction: column; line-height: 1.4rem; gap: .4rem; color: var(--color-foreground); /* line-height: 1; */ } section.reward-account-page-hero .section__header{ margin-top: 3rem; display: flex; justify-content: center; align-items: center; text-align: center; max-width: 72.8rem; padding-inline: 3rem; margin-inline: auto; } section.reward-account-page-hero .section__header .section-subheading{ font-size: 3rem; line-height: 4.4rem; margin-bottom: 0; } section.reward-account-page-hero .account-hero-contemt-wrapper .desk_figure img, section.reward-account-page-hero .account-hero-contemt-wrapper .tab_figure img, section.reward-account-page-hero .account-hero-contemt-wrapper .mob_figure img, section.reward-account-page-hero .account-hero-contemt-wrapper .desk_video video, section.reward-account-page-hero .account-hero-contemt-wrapper .tab_video video, section.reward-account-page-hero .account-hero-contemt-wrapper .mob_video video{ width: 100%; object-fit: cover; } .account-hero-contemt-wrapper{ padding-bottom: 4.4rem; } section.reward-account-page-hero .account-hero-contemt-wrapper .desk_figure, section.reward-account-page-hero .account-hero-contemt-wrapper .tab_figure, section.reward-account-page-hero .account-hero-contemt-wrapper .desk_video, section.reward-account-page-hero .account-hero-contemt-wrapper .tab_video{ width: 100%; margin-top: -4.55rem; z-index: -1; position: relative; } section.reward-account-page-hero .account-hero-contemt-wrapper .mob_figure, section.reward-account-page-hero .account-hero-contemt-wrapper .mob_video{ z-index: -1; margin-top: -3rem; position: relative; width: 100%; } section.reward-account-page-hero .account-hero-contemt-wrapper .video-wrapper { width: 100%; } section.reward-account-page-hero .section__header .tier-heading{ font-size: 8rem; font-style: normal; font-weight: 700; line-height: normal; height: 12rem; margin-top: -2.6rem; display: flex; align-items: center; text-wrap: nowrap; letter-spacing: -0.6rem; font-family: var(--font-neue-haas-unica-bold); color: var(--color-foreground); } .tier-progress-bar-item-wrapper { display: flex; justify-content: space-between; /* max-width: 315px; */ margin: 0 auto; border-radius: 0.7395rem; border: 0.074rem solid rgb(var(--color-main-text)); height: 1.2rem; position: relative; margin-top: 2.6rem; max-width: 66rem; } .tier-progress-bar-item-wrapper span.tier-name { position: absolute; bottom: 100%; right: 0; width: 100%; line-height: 1.2rem; /* font-family: ABeeZee, sans-serif; */ /* font-size: 1.2rem; font-style: normal; font-weight: 400; line-height: 1.2rem; letter-spacing: -0.09rem; */ text-transform: capitalize; padding-bottom: 1.1rem; color: var(--color-foreground); } .js-tier-name.progress-item { position: relative; flex: 1; } body.reward-page{ --color-white: #fff; --color-main-text: 72, 41, 34; --color-background: #fff; --color-foreground: 72, 41, 34; --color-secondary: 255, 249, 239; } #loyaltylion .lion-rewards-list, #loyaltylion .lion-rules-list { all: unset; gap: 1.1rem; display: grid; grid-template-columns: repeat(3, 1fr); } #loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions .lion-action-button--disabled, #loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions button, #loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions .lion-action-button--disabled{ min-height: unset; } #loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions button{ line-height: 1.5rem; } #loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions, #loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions{ display: flex; /* padding: 0; */ /* right: 10px; */ /* bottom: 39.5px; */ /* box-shadow: 0 1px var(--color-white); */ grid-column: 2; grid-row: 2; background-color: rgb(var(--color-main-text)); width: 100%; height: 100%; align-items: center; padding-right: 0.8rem; position: unset; font-family: var(--font-body-family); } #loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions .lion-reward-item__redeem-button-text, #loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions .lion-reward-item__redeem-button-text{ /* text-wrap: nowrap; */ font-size: 1.4rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.105rem; color: var(--color-white); text-transform: capitalize; text-decoration: underline; text-underline-offset: 0.2rem; position: relative; text-underline-offset: .1rem; font-family: var(--font-body-family); } #loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links) .lion-reward-item__actions{ display: none; } #loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:not(:empty)) { opacity: 1; padding: 0; } #loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:not(:empty)):hover .reward-background-image{ scale: 1.03; transition: scale 0.4s ease; } #loyaltylion .lion-reward-item .lion-reward-item__content > img{ display: none; } #loyaltylion .lion-reward-item .lion-reward-item__content{ padding: 0; justify-content: end; display: grid; grid-template-columns: minmax(0,15.6rem) minmax(0, 13.1rem); grid-template-rows:minmax(0,35rem) 1fr; } #loyaltylion .lion-reward-item .lion-reward-item__content .rule-image-wrapper{ grid-row: 1; grid-column: 1 / -1; } #loyaltylion .lion-reward-item, #loyaltylion .lion-rule-item{ aspect-ratio: 286 / 410; max-width: 28.6rem; } #loyaltylion .lion-rule-item__content{ display: grid; grid-template-columns: minmax(0, 15.6rem) minmax(0, 13.1rem); grid-template-rows: minmax(0, 35rem) 1fr; } #loyaltylion .lion-reward-item:has(.two-column-layout), #loyaltylion .lion-rule-item:has(.two-column-layout){ grid-column: 1 / 3; aspect-ratio: 585 / 410; max-width: 58.5rem; } #loyaltylion .lion-reward-item__content, #loyaltylion .lion-rule-item__content { padding: 0; box-shadow: none; border: 0.1rem solid rgb(var(--color-main-text)); border-radius: 0px; flex-direction: column; align-items: start; min-height: 100%; background-color: transparent; justify-content: end; } #loyaltylion .lion-rule-item__content.two-column-layout, #loyaltylion .lion-reward-item__content.two-column-layout{ grid-template-columns: minmax(0, 31.8rem) minmax(0, 26.8rem); } #loyaltylion .lion-rule-item__content:has(.lion-rule-item__actions:empty) .lion-rule-item__title{ grid-column: 1 / -1; } #loyaltylion .lion-reward-item__content .rule-image-wrapper, #loyaltylion .lion-rule-item__content .rule-image-wrapper{ position: relative; width: 100%; height: 100%; overflow: hidden; grid-column: 1 / -1; grid-row: 1; } #loyaltylion .lion-reward-item__content .rule-image-wrapper video, #loyaltylion .lion-rule-item__content .rule-image-wrapper video{ max-width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } #loyaltylion .lion-reward-item__content .rule-image-wrapper .reward-background-image, #loyaltylion .lion-rule-item__content .rule-image-wrapper .reward-background-image{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; scale: 1.009 ; transition: scale 0.4s ease; } @media screen and (min-width:768px){ #loyaltylion .lion-reward-item__content:hover .rule-image-wrapper .reward-background-image, #loyaltylion .lion-rule-item__content:hover .rule-image-wrapper .reward-background-image{ scale: 1.03; transition: scale 0.4s ease; } #loyaltylion .lion-reward-item__content:has(.lion-action-button--disabled):hover .rule-image-wrapper .reward-background-image, #loyaltylion .lion-rule-item__content:has(.lion-action-button--disabled):hover .rule-image-wrapper .reward-background-image{ scale: 1.006; } } #loyaltylion .lion-reward-item__content{ display: flex; flex-direction: column; justify-content: start; align-items: start; position: relative; padding-block: 2.85rem; } #loyaltylion .lion-reward-item__content .lion-reward-item__actions{ margin: 0; position: absolute; right: 2rem; bottom: 2.85rem; box-shadow: 0 0.1rem 0 rgba(var(--color-main-text),.2); padding-block: 0.5rem; } #loyaltylion .lion-reward-item__actions:not(:empty), #loyaltylion .lion-rule-item__actions:not(:empty) { justify-content: end; } #loyaltylion .lion-reward-item__content, #loyaltylion .lion-rule-item__content{ box-shadow: none; border: 0.1rem solid rgb(var(--color-main-text)); } .lion-referral-modal--more:empty{ display: none; } #loyaltylion .lion-referral-modal--header, #loyaltylion .lion-referral-modal--header h1{ padding: 0; font-size: 1.6rem; font-style: normal; font-weight: 700; line-height: 1.8rem; letter-spacing: -0.12rem; text-align: left; color: rgb(var(--color-main-text)); } #loyaltylion .lion-referral-modal--header{ height: 3.2rem; border-bottom: 0.1rem solid rgb(var(--color-main-text)); margin-bottom: 0.8rem; } #loyaltylion .lion-action-button{ border: none; padding: 0.5rem 0; font-size: 1.4rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.105rem; min-height: 3.4rem; /* display: flex; */ align-items: center; justify-content: center; } #loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile{ border: none; padding: 0; font-size: 1.4rem; line-height: 1.5rem; font-weight: 400; letter-spacing: -0.105rem; color: var(--color-white); text-transform: capitalize; min-height: unset; text-decoration: underline; text-underline-offset: 0.1rem; position: relative; font-family: var(--font-body-family); text-underline-position: unset; } #loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile .lion-rule-item__limit-reached::before{ background-color: var(--color-white); } #loyaltylion .lion-reward-item .lion-reward-item__links .lion-reward-item__more-info-url a::after, #loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions .lion-reward-item__redeem-button-text::after, #loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions .lion-reward-item__redeem-button-text::after, #loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile::after{ content: ""; position: absolute; bottom: 0.1rem; left: 0; width: 100%; height: 0.1rem; background: var(--color-white); transform: scaleX(0); transition: transform .25s ease-out; transform-origin: left; } #loyaltylion .lion-reward-item.lion-reward-item--product-cart .lion-reward-item__links{ display: none; } #loyaltylion .lion-reward-item.lion-reward-item--product-cart .lion-reward-item__actions .lion-action-button--disabled{ position: relative; } #loyaltylion .lion-reward-item.lion-reward-item--product-cart .lion-reward-item__content:has(.lion-reward-item__actions .lion-action-button--disabled):hover .reward-background-image{ scale: 1.009; } #loyaltylion .lion-reward-item.lion-reward-item--product-cart .lion-reward-item__content:has(.lion-reward-item__actions .lion-action-button--disabled){ opacity: 0.3; } #loyaltylion .lion-reward-item.lion-reward-item--product-cart .lion-reward-item__actions{ display: flex !important; } @media screen and (min-width: 768px){ #loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile:hover, #loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions .lion-reward-item__redeem-button-text:hover, #loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions .lion-reward-item__redeem-button-text:hover{ text-decoration: none; } #loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions .lion-reward-item__redeem-button-text:hover::after, #loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile:hover::after, #loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions .lion-reward-item__redeem-button-text:hover::after{ transform: scaleX(1); } } #loyaltylion .lion-rule-item__content .lion-rule-item__actions:not(:empty){ margin: 0; position: unset; right: 0.8rem; bottom: 3.95rem; /* box-shadow: 0 1px var(--color-white); */ /* padding-block: 0; */ grid-column: 2; grid-row: 2; background-color: rgb(var(--color-main-text)); height: 100%; display: flex; align-items: center; justify-content: end; padding-right: 0.8rem; } #loyaltylion .lion-action-button--tile:hover{ background: transparent; color: var(--lion-button-tile-text-color); } #loyaltylion .lion-reward-item__title:empty, #loyaltylion .lion-reward-item__links:empty{ padding: 0; } #loyaltylion .lion-reward-item__title{ text-transform: capitalize; } #loyaltylion .lion-reward-item__title, #loyaltylion .lion-rule-item__title{ font-size: 1.4rem; line-height: 1.4rem; font-weight: 400; padding: 0.8rem; letter-spacing: -0.105rem; color: var(--color-white); background-color: rgb(var(--color-main-text)); display: flex; justify-content: start; width: 100%; font-family: var(--font-body-family); /* order: 5; */ /* padding-right: 144px; */ align-items: center; text-align: left; grid-row: 2; grid-column: 1; height: 100%; } #loyaltylion .lion-reward-item__meta{ line-height: 1.4rem; margin-top: 0px; display: flex; width: 100%; justify-content: start; align-items: center; order: 8; background-color: var(--color-background); grid-column: 1 / -1; } #loyaltylion .lion-reward-item .lion-reward-item__links{ padding: 0; position: unset; right: 1rem; bottom: 3.95rem; /* box-shadow: 0 1px var(--color-white); */ text-transform: capitalize; grid-column: 2; grid-row: 2; background: rgb(var(--color-main-text)); height: 100%; align-items: center; display: flex; padding-block: 0.8rem; justify-content: end; padding-right: 0.8rem; } #loyaltylion .lion-reward-item .lion-reward-item__links .lion-reward-item__more-info-url{ min-height: unset; display: flex; } #loyaltylion .lion-reward-item .lion-reward-item__links .lion-reward-item__more-info-url a{ text-decoration: underline; text-underline-offset: 0.1rem; color: var(--color-white); font-size: 1.4rem; line-height: 1.4rem; letter-spacing: -0.105rem; min-height: unset; text-transform: capitalize; position: relative; font-family: var(--font-body-family); text-underline-position: unset; } #loyaltylion .lion-reward-item .lion-reward-item__links .lion-reward-item__more-info-url a:hover{ text-decoration: none; color: var(--color-white); } #loyaltylion .lion-reward-item .lion-reward-item__links .lion-reward-item__more-info-url a::after{ bottom: 0; } #loyaltylion .lion-reward-item .lion-reward-item__links .lion-reward-item__more-info-url a:hover::after{ transform: scaleX(1); } #loyaltylion .lion-reward-item .lion-reward-item__meta .lion-reward-item__percent-off{ display: none; } #loyaltylion .lion-rewards-list .lion-reward-item__meta .lion-reward-item__cost{ font-size: 1.4rem; margin: 0; line-height: 1.4rem; font-weight: 400; text-transform: capitalize; padding: 0.8rem 0.8rem 0.7rem 0.8rem; width: 100%; background-color: rgb(var(--color-secondary)); color: rgb(var(--color-main-text)); display: flex; justify-content: start; align-items: center; letter-spacing: -0.105rem; } #loyaltylion .lion-rewards-list .lion-reward-item__meta .lion-reward-item__cost .text{ text-transform: capitalize; font-family: var(--font-body-family); } #loyaltylion .lion-rewards-list .lion-reward-item__meta .lion-reward-item__cost::before{ content: none; } #loyaltylion .lion-rewards-list .lion-reward-item__meta .value{ position: relative; font-family: var(--font-body-family); } #loyaltylion .lion-rules-list .lion-rule-item__points .value{ position: relative; font-family: var(--font-body-family); } #loyaltylion .lion-rules-list .lion-rule-item__points span.value:before{ content: "+"; position: absolute; /* top: -2px; */ left: -0.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 900; font-family: var(--font-body-family); } #loyaltylion .lion-rules-list .lion-rule-item__points span{ display: inline-flex; gap: .2rem; } #loyaltylion .lion-rules-list .lion-rule-item__points .text{ text-transform: capitalize; font-family: var(--font-body-family); } #loyaltylion .lion-rules-list .lion-rule-item__points{ background-color: rgb(var(--color-secondary)); color: rgb(var(--color-main-text)); margin: 0; font-size: 1.4rem; line-height: 1.4rem; font-weight: 400; text-transform: capitalize; padding: 0.8rem .8rem .7rem; padding-left: 1.3rem; width: 100%; order: 6; grid-column: 1 / -1; letter-spacing: -0.105rem; } #loyaltylion .lion-screen--light{ background: rgba(var(--color-secondary), 0.90); } #loyaltylion .lion-reward-item__meta .lion-reward-item__cost, #loyaltylion .lion-rule-item__points{ font-size: 1rem; line-height: 1.5rem; font-weight: 900; margin-top: 1rem; color: rgb(var(--color-main-text)); } #loyaltylion .lion-reward-item__actions:not(:empty), #loyaltylion .lion-rule-item__actions:not(:empty){ margin: 0; position: absolute; right: 2rem; bottom: 2.85rem; box-shadow: 0 0.1rem 0 rgb(var(--color-main-text)); padding-block: 0.8rem; } #loyaltylion .lion-reward-item__content:has(.lion-action-button--disabled) , #loyaltylion .lion-rule-item__content:has(.lion-action-button--disabled){ box-shadow: none; opacity: 0.3; border: 0.1rem solid rgb(var(--color-main-text)); } #loyaltylion .lion-reward-item__actions:has(.lion-action-button--disabled), #loyaltylion .lion-rule-item__actions:has(.lion-action-button--disabled){ box-shadow: 0 0.1rem 0 rgba(var(--color-main-text), 0.2); } #loyaltylion .lion-action-button--tile.lion-action-button--disabled{ border: none; } #loyaltylion .lion-action-button--tile, #loyaltylion .lion-rule-item__actions:not(:empty) .lion-instagram-follow__link{ border: none; text-underline-offset: 0.5rem; padding: 0; font-size: 1.2rem; line-height: 1.8rem; font-weight: 700; color: rgb(var(--color-main-text)); } .lion-reward-item__icon, #loyaltylion .lion-rule-item__icon { display: none !important; } #loyaltylion .lion-claimed-rewards-list{ padding: 0; gap: 1.3rem; background-color: transparent; grid-template-columns: repeat(3, 1fr); } #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item{ box-shadow: 0 0 0 0.1rem rgb(var(--color-main-text)); aspect-ratio: 286 / 410; align-items: end; padding: 0; border-radius: 0; width: 100%; background-color: transparent; position: relative; overflow: hidden; } #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item.two-column-layout{ grid-column: 1 / 3; aspect-ratio: 585 / 410; } #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .reward-background-image{ position: absolute; top: 0; left: 0; aspect-ratio: 288 / 353; transition: scale 0.4s ease; object-fit: cover; scale: 1.006; width: 100%; z-index: -1; max-height: fit-content; } #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item.two-column-layout .reward-background-image, #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item.two-column-layout video { aspect-ratio: 587 / 352; } #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item:hover .reward-background-image{ scale: 1.03; transition: scale 0.4s ease; } #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item video{ position: absolute; top: 0; left: 0; object-fit: cover; aspect-ratio: 288 / 353; width: 101%; z-index: -1; } #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .lion-claimed-reward-item__left{ display: flex; flex-direction: column; width: 100%; } #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .lion-claimed-reward-item__title{ font-size: 1.4rem; line-height: 1.4rem; font-weight: 400; padding: 0.8rem; padding-right: 10.5rem; letter-spacing: -0.105rem; color: var(--color-white); background-color: rgb(var(--color-main-text)); font-family: var(--font-body-family); } #loyaltylion .lion-claimed-reward-item__chevron{ background-color: transparent; width: unset; height: unset; mask: none; position: relative; } #loyaltylion .lion-claimed-reward-item__chevron::before{ content: "Redeem"; position: absolute; top: -5.2rem; left: -5.545rem; bottom: 0; color: var(--color-white); display: flex; width: 100%; text-wrap: nowrap; text-underline-offset: 0.5rem; padding: 0; font-size: 1.4rem; letter-spacing: -0.105rem; line-height: 1.4rem; font-weight: 400; text-decoration: underline; font-family: var(--font-body-family); text-underline-offset: 0.1rem; } #loyaltylion .lion-claimed-reward-item__chevron::after{ content: ""; height: 0.1rem; width: 4.6rem; left: -5.545rem; /* background-color: var(--color-white); */ position: absolute; transform-origin: left; bottom: 3.8rem; transform: scaleX(0); transition: transform .25s ease-out; border-bottom: 0.1rem solid var(--color-white); } #loyaltylion .lion-claimed-reward-item__chevron:hover::before{ text-decoration: none; } #loyaltylion .lion-claimed-reward-item__chevron:hover::after{ transform: scaleX(1); } #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item__date{ font-size: 1.4rem; line-height: 1.4rem; font-weight: 400; padding: 0.8rem; text-transform: capitalize; letter-spacing: -0.105rem; color: rgb(var(--color-main-text)); font-family: var(--font-body-family); background-color: rgb(var(--color-secondary)); } #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .lion-claimed-reward-item__icon{ display: none; } .reward-page .shopify-section{ background-color: rgb(var(--color-secondary)); } @media screen and (max-width: 767px){ /* #loyaltylion .lion-reward-item, #loyaltylion .lion-rule-item{ aspect-ratio: 183 / 303; } */ #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item{ display: flex; flex-direction: column; padding: 0; justify-content: end; aspect-ratio: 183 / 303; } #loyaltylion .lion-rule-item__content.two-column-layout{ grid-template-columns: minmax(30rem,1fr) minmax(6rem,1fr); } #loyaltylion .lion-rule-item__content, #loyaltylion .lion-reward-item .lion-reward-item__content { aspect-ratio: 183/303; grid-template-columns:62% 38%; grid-template-rows: 1fr; } #loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions, #loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions{ right: 0.8rem !important; left: unset; width: 100%; justify-content: end; align-items: end; } #loyaltylion .lion-reward-item:has(.two-column-layout), #loyaltylion .lion-rule-item:has(.two-column-layout), #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item.two-column-layout{ aspect-ratio: 375 / 303; } #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .lion-claimed-reward-item__title, #loyaltylion .lion-claimed-reward-item__chevron:before, #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item__date, #loyaltylion .lion-reward-item__title, #loyaltylion .lion-rule-item__title, #loyaltylion .lion-rewards-list .lion-reward-item__meta .lion-reward-item__cost, #loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions .lion-reward-item__redeem-button-text, #loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions .lion-reward-item__redeem-button-text, #loyaltylion .lion-reward-item .lion-reward-item__links .lion-reward-item__more-info-url a{ font-size: 1.2rem; letter-spacing: -0.09rem; } #loyaltylion .lion-reward-item .lion-reward-item__links{ right: 0.8rem; bottom: 3.85rem; } #loyaltylion .lion-reward-item .lion-reward-item__meta .lion-reward-item__percent-off, #loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile, #loyaltylion .lion-rules-list .lion-rule-item__points{ font-size: 1.2rem; line-height: 1.4rem; font-weight: 400; letter-spacing: -0.09rem; } #loyaltylion .lion-claimed-reward-item__chevron:before{ top: -5.1rem; } #loyaltylion .lion-claimed-reward-item__chevron:after{ width: 4.1rem; } #loyaltylion .lion-claimed-reward-item__chevron::before, #loyaltylion .lion-claimed-reward-item__chevron::after{ left: -4.945rem; } #loyaltylion .lion-rule-item__content.two-column-layout{ grid-template-rows: minmax(0, 1fr); } #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .reward-background-image, #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item video { height: calc(100% - 6rem); object-position: top; max-height: unset; } #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .lion-claimed-reward-item__left{ display: flex; justify-content: space-between; width: 100%; } section.account-rewards.reward-history{ padding-inline:0; } .account-rewards .account-reward-description{ padding-inline: 3rem; } .account-rewards .account-reward-heading{ padding-inline: 3rem; } #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .lion-claimed-reward-item__left .lion-claimed-reward-item__date{ margin: 0; } #loyaltylion .lion-reward-item:nth-child(2n) .lion-reward-item__content, #loyaltylion .lion-rule-item:nth-child(2n) .lion-rule-item__content{ border-right: 0; } #loyaltylion .lion-reward-item:nth-child(2n + 1) .lion-reward-item__content, #loyaltylion .lion-rule-item:nth-child(2n + 1) .lion-rule-item__content{ border-left: 0; } #loyaltylion:has(.lion-rule-item__content.two-column-layout) .lion-rule-item:nth-child(2n + 1) .lion-rule-item__content{ border-right: 0; border-left: 1px solid var(--color-primary-main);; } #loyaltylion:has(.lion-rule-item__content.two-column-layout) .lion-rule-item:nth-child(2n) .lion-rule-item__content{ border-left: 0; border-right: 1px solid var(--color-primary-main);; } .reward-earn-points #loyaltylion:has(.lion-rule-item__content.two-column-layout) .lion-rule-item .lion-rule-item__content.two-column-layout{ border-inline: 0; } } /* popup design rewards landing page */ #loyaltylion .lion-modal{ border: 0.1rem solid rgb(var(--color-main-text)); box-shadow: none; border-radius: 0; background: var(--color-background); padding: 1.9rem; max-width: 31.6rem; display: flex; flex-direction: column; background-color: rgb(var(--color-secondary)); } #loyaltylion .lion-reward-item__requirements{ display: none; } #loyaltylion .lion-modal__content{ padding: 0; } #loyaltylion .lion-referral-modal--incentive--code{ background: none; border: none; padding: 0; min-height: unset; margin:0; } #loyaltylion .lion-referral-modal--incentive{ margin-bottom: 1.2rem; } #loyaltylion .lion-referral-modal--incentive--message{ margin-bottom: 2.4rem; padding: 0; text-align: left; font-size: 1.2rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.09rem; color: rgb(var(--color-main-text)); } #loyaltylion .lion-reward-code{ width: 100%; } #loyaltylion .lion-modal__close-button{ height: 2.4rem; width: 2.4rem; top: 2rem; right: 2rem; opacity: 1; color: rgb(var(--color-main-text)); } #loyaltylion .lion-modal__close-button::after{ display: none; } #loyaltylion .lion-modal__close-button:focus-visible{ outline: none; } #loyaltylion .lion-modal__header{ border-bottom: none; border-radius: 1rem; background: transparent; } #loyaltylion .lion-modal__header .lion-modal__title{ padding-top: 0; padding-bottom: 1.4rem; padding-inline: 0; padding-right: 3.6rem; color: rgb(var(--color-main-text)); font-size: 1.6rem; font-weight: 700; line-height: 1.8rem; border-bottom: 0.1rem solid rgb(var(--color-main-text)); letter-spacing: -0.12rem; margin-bottom: 0.8rem; font-family: var(--font-neue-haas-unica-bold); } #loyaltylion .lion-history-info-modal-content__basic{ padding: 0; padding-top: 1.2rem; font-family: var(--font-body-family); } #loyaltylion .lion-modal--history-info .lion-modal__header{ border-bottom: none; border-radius: 0px; } #loyaltylion .lion-history-info-modal-content__comment{ padding: 0; margin: 0; border-top: none; background-color: transparent; font-size: 1.2rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.09rem; color: rgb(var(--color-main-text)); text-align: start; position: relative; } #loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__info{ display: flex; flex-direction: row-reverse; justify-content: start; } #loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__info .lion-history-info-modal-content__points{ font-size: 1.2rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.09rem; margin: 0; padding-left: 0.4rem; position: relative; color: rgb(var(--color-main-text)); } #loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__info .lion-history-info-modal-content__points::after{ content: "POINTS:"; position: absolute; top: -1.2rem; left: 0; font-size: 0.8rem; letter-spacing: -0.06rem; font-weight: 400; line-height: 1.2rem; color: rgb(var(--color-main-text)); } #loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__info .lion-history-info-modal-content__points:before{ content: "-"; position: absolute; mask: none; background-color: transparent; height: unset; width: unset; left: 0; font-size: 1rem; font-style: normal; font-weight: 900; line-height: 1.5rem; } #loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__state-bubble{ margin-left: 3.5rem; position: unset !important; font-size: 1.2rem; font-style: normal; line-height: 1.4rem; font-weight: 400; color: rgb(var(--color-main-text)); letter-spacing: -0.09rem; background: transparent; border-radius: 0; align-items: center; text-align: center; display: flex; padding-right: 0; padding-block: 0; } #loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__state-bubble::after{ content: "status:"; position: absolute; top: 0; text-transform: uppercase; font-size: 0.8rem; letter-spacing: -0.06rem; font-weight: 400; line-height: 1.2rem; color: rgb(var(--color-main-text)); } #loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__info .lion-history-info-modal-content__date{ order: -1; font-size: 1.2rem; font-style: normal; font-weight: 400; letter-spacing: -0.09rem; line-height: 1.4rem; color: rgb(var(--color-main-text)); text-transform: lowercase; margin-left: 0.3rem; align-items: center; } #loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__info .lion-history-info-modal-content__date::before{ content: none; width: 0; height: 0; mask: none; } #loyaltylion .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button{ padding-bottom: 0.3rem; padding-top: 0.1rem; } #loyaltylion .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button--confirm{ background-color: rgb(var(--color-main-text)); padding-bottom: 0.3rem; padding-top: 0.1rem; } #loyaltylion .lion-birthday-entry-form .lion-action-button{ font-family: var(--font-body-family); display: flex; background: rgb(var(--color-main-text)); color: var(--color-white); padding:1rem; width: 100%; border-radius: 0; text-transform: capitalize; font-size: 1.4rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.105rem; margin-top: 0.8rem; } #loyaltylion .lion-action-button:active{ box-shadow: none; background: transparent; color: rgb(var(--color-main-text)); } #loyaltylion .lion-redeem-reward-modal__confirm-summary, #loyaltylion .lion-modal__content .lion-action-modal__description, #loyaltylion .lion-birthday-action .lion-birthday-action__help{ color: rgb(var(--color-main-text)); font-size: 1.2rem; line-height: 1.4rem; font-weight: 400; letter-spacing: -0.09rem; text-align: left; font-family: var(--font-body-family); } #loyaltylion .lion-modal--history-info, #loyaltylion .lion-modal--small{ max-width: 31.6rem; } #loyaltylion .lion-modal__content--no-padding .lion-history-info-modal-content{ display: flex; flex-direction: column-reverse; gap: 1.2rem; } #loyaltylion .lion-history-info-modal-content__comment .lion-reward-code{ margin: 0; width:100%; } #loyaltylion .lion-reward-code .lion-reward-code__code{ font-size: 1.2rem; font-style: normal; font-weight: 700; line-height: 1.4rem; background-color: transparent; color: rgb(var(--color-main-text)); border: 0.1rem dashed rgb(var(--color-main-text)); font-family: var(--font-body-family); border-radius: 1rem; width: 100%; padding: 0.9rem 1.9rem; margin: 0; } #loyaltylion .lion-reward-code .lion-copy-to-clipboard-button{ position: absolute; opacity: 0; width: 100%; max-width: 27.6rem; cursor: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2222%22%20viewBox%3D%220%200%2017%2022%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1987_8651)%22%3E%3Cpath%20d%3D%22M0%2012.9585C0%2010.782%200%208.60539%200%206.42882C0%204.93665%200.984207%203.93268%202.44535%203.93006C2.65252%203.93006%202.92552%203.99764%203.04943%203.89134C3.18044%203.77913%203.08041%203.49304%203.08944%203.28306C3.1088%202.83422%203.05524%202.38408%203.13204%201.93656C3.31533%200.872879%204.23758%200.0218036%205.29858%200.0119608C7.39866%20-0.00838101%209.49937%200.00408656%2011.5994%200.00408656C11.8105%200.00408656%2011.9918%200.0867662%2012.1383%200.239658C13.6782%201.84404%2015.2175%203.44973%2016.756%205.05542C16.9271%205.2339%2016.9994%205.44848%2016.9994%205.6998C16.9968%209.02207%2017.0006%2012.3437%2016.9961%2015.666C16.9942%2017.0427%2015.9829%2018.0624%2014.6295%2018.0729C14.3972%2018.0748%2014.0848%2017.9908%2013.9544%2018.1103C13.8041%2018.2481%2013.917%2018.5709%2013.908%2018.813C13.8912%2019.2698%2013.9493%2019.7304%2013.8447%2020.1825C13.5937%2021.2646%2012.665%2021.9975%2011.5343%2021.9995C9.29672%2022.0028%207.05983%2022.0002%204.82229%2022.0002C4.04977%2022.0002%203.27725%2022.0002%202.50473%2022.0002C0.97259%2021.9988%200%2021.0152%200%2019.4633C0%2017.2953%200%2015.1266%200%2012.9585ZM1.54569%2012.9585C1.54569%2015.1594%201.54569%2017.3596%201.54569%2019.5604C1.54569%2020.1084%201.85999%2020.4279%202.40017%2020.4279C5.44121%2020.4286%208.4829%2020.4292%2011.5239%2020.4279C12.037%2020.4279%2012.361%2020.1057%2012.361%2019.5926C12.3629%2016.5328%2012.361%2013.4736%2012.3655%2010.4138C12.3655%2010.2537%2012.3249%2010.2098%2012.1674%2010.2117C11.4839%2010.2209%2010.7998%2010.2176%2010.1157%2010.215C8.73331%2010.2104%207.73103%209.19006%207.72651%207.78253C7.72457%207.09551%207.71812%206.40782%207.73103%205.72145C7.7349%205.53116%207.67811%205.49703%207.50385%205.49769C5.82199%205.50491%204.14077%205.50163%202.4589%205.50163C1.83159%205.50163%201.5444%205.79297%201.5444%206.43013C1.5444%208.60605%201.5444%2010.782%201.5444%2012.9579L1.54569%2012.9585ZM15.4524%2011.0917C15.4524%209.56146%2015.4498%208.03123%2015.4562%206.501C15.4569%206.33302%2015.4214%206.28052%2015.2478%206.2838C14.5637%206.29496%2013.8796%206.29102%2013.1955%206.28774C11.826%206.28183%2010.8224%205.26081%2010.8166%203.86903C10.814%203.17347%2010.8127%202.47791%2010.8185%201.78236C10.8198%201.63799%2010.8043%201.56975%2010.6301%201.57041C8.89981%201.57828%207.16955%201.57303%205.43928%201.57631C4.9604%201.57697%204.64159%201.90703%204.63771%202.39655C4.63384%202.83816%204.6461%203.28043%204.63255%203.72205C4.62739%203.89856%204.68095%203.93531%204.84617%203.93399C6.01302%203.92612%207.17987%203.93662%208.34672%203.92546C8.67716%203.92218%208.92886%204.03242%209.15797%204.27259C10.6249%205.81266%2012.097%207.34748%2013.573%208.87771C13.8079%209.12116%2013.9138%209.38691%2013.9125%209.73075C13.9035%2011.9152%2013.9099%2014.1003%2013.9041%2016.2848C13.9041%2016.4508%2013.9351%2016.5223%2014.1113%2016.502C14.2545%2016.4855%2014.4004%2016.4987%2014.5456%2016.4987C15.1555%2016.498%2015.4511%2016.2001%2015.4511%2015.5839C15.4511%2014.0865%2015.4511%2012.5891%2015.4511%2011.0917H15.4524ZM12.372%202.90378C12.372%203.15051%2012.372%203.49304%2012.372%203.83557C12.372%203.86838%2012.3707%203.90118%2012.372%203.93334C12.39%204.34542%2012.6785%204.6768%2013.0767%204.69911C13.4498%204.72011%2013.8254%204.7037%2014.1997%204.7037L14.2365%204.64989C13.6014%204.05539%2012.967%203.46023%2012.372%202.90312V2.90378ZM9.28123%206.83697C9.28123%207.06073%209.28123%207.38685%209.28123%207.71232C9.28123%207.76154%209.27994%207.81075%209.28123%207.85931C9.29866%208.27139%209.5865%208.60408%209.9847%208.62705C10.3584%208.6487%2010.7333%208.63164%2011.1083%208.63164L11.1445%208.58046C10.5094%207.98595%209.87434%207.39145%209.28123%206.83697Z%22%20fill%3D%22%23161616%22%2F%3E%3Cpath%20d%3D%22M1.5459%2012.9584C1.5459%2010.7825%201.5459%208.60654%201.5459%206.43062C1.5459%205.79346%201.83309%205.50212%202.4604%205.50212C4.14227%205.50212%205.82349%205.50474%207.50535%205.49818C7.67961%205.49752%207.7364%205.53164%207.73253%205.72194C7.71962%206.40897%207.72543%207.09599%207.72801%207.78302C7.73253%209.18989%208.73416%2010.2103%2010.1172%2010.2155C10.8013%2010.2181%2011.4848%2010.2208%2012.1689%2010.2122C12.327%2010.2103%2012.3677%2010.2542%2012.367%2010.4143C12.3625%2013.4741%2012.3644%2016.5333%2012.3625%2019.5931C12.3625%2020.1062%2012.0379%2020.4284%2011.5254%2020.4284C8.4844%2020.4297%205.44271%2020.4297%202.40167%2020.4284C1.86149%2020.4284%201.54719%2020.1089%201.54719%2019.5609C1.5459%2017.3601%201.54719%2015.1599%201.54719%2012.959L1.5459%2012.9584ZM6.92903%2012.5719C7.9255%2012.5719%208.92261%2012.5719%209.91908%2012.5712C10.0152%2012.5712%2010.114%2012.5732%2010.2069%2012.5529C10.5948%2012.4669%2010.8562%2012.0955%2010.8142%2011.7018C10.7716%2011.3002%2010.4412%2011.0029%2010.0178%2011.0023C7.97648%2010.9997%205.93514%2011.001%203.89315%2011.0023C3.82151%2011.0023%203.74794%2011.0082%203.67888%2011.0259C3.2994%2011.125%203.0548%2011.482%203.09546%2011.8704C3.13676%2012.2628%203.46204%2012.5679%203.86798%2012.5699C4.88898%2012.5752%205.90932%2012.5719%206.93032%2012.5719H6.92903ZM6.94581%2015.7144C7.95067%2015.7144%208.95488%2015.715%209.95974%2015.7144C10.467%2015.7144%2010.8187%2015.3882%2010.8168%2014.925C10.8149%2014.463%2010.4631%2014.1441%209.95199%2014.1434C7.95067%2014.1428%205.94934%2014.1428%203.94801%2014.1434C3.43816%2014.1434%203.08965%2014.4669%203.09159%2014.9322C3.09352%2015.3935%203.44526%2015.7137%203.95575%2015.7144C4.95222%2015.7157%205.94934%2015.7144%206.94581%2015.7144ZM6.95936%2018.8568C7.95583%2018.8568%208.95294%2018.8575%209.94941%2018.8568C10.4638%2018.8568%2010.8129%2018.5412%2010.8162%2018.0779C10.82%2017.6127%2010.4702%2017.2866%209.96232%2017.2859C7.9526%2017.2853%205.94353%2017.2846%203.93381%2017.2859C3.44074%2017.2859%203.09481%2017.6081%203.09094%2018.0635C3.08707%2018.5274%203.4388%2018.8555%203.94478%2018.8562C4.94964%2018.8575%205.9545%2018.8562%206.95936%2018.8562V18.8568Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M15.4523%2011.0915C15.4523%2012.589%2015.4523%2014.0864%2015.4523%2015.5838C15.4523%2016.2%2015.1567%2016.4979%2014.5468%2016.4985C14.4022%2016.4985%2014.2557%2016.4854%2014.1124%2016.5018C13.9363%2016.5215%2013.9046%2016.4506%2013.9053%2016.2846C13.9111%2014.1002%2013.9046%2011.9151%2013.9137%209.7306C13.915%209.38676%2013.8091%209.12101%2013.5742%208.87756C12.0976%207.34733%2010.6254%205.81251%209.15914%204.27244C8.93003%204.03227%208.67833%203.92203%208.34789%203.92531C7.18104%203.93647%206.01419%203.92597%204.84734%203.93384C4.68148%203.93516%204.62791%203.89841%204.63372%203.7219C4.64727%203.28028%204.63501%202.83801%204.63888%202.3964C4.6434%201.90688%204.96157%201.57747%205.44045%201.57616C7.17072%201.57288%208.90098%201.57813%2010.6313%201.57026C10.8055%201.5696%2010.821%201.63784%2010.8197%201.7822C10.8139%202.47776%2010.8145%203.17332%2010.8178%203.86888C10.8236%205.26131%2011.8271%206.28234%2013.1966%206.28759C13.8808%206.29021%2014.5649%206.29481%2015.249%206.28365C15.4226%206.28103%2015.4581%206.33287%2015.4574%206.50085C15.451%208.03108%2015.4535%209.56131%2015.4535%2011.0915H15.4523Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12.3722%202.90363C12.9672%203.46073%2013.6016%204.05589%2014.2367%204.6504L14.1999%204.7042C13.8256%204.7042%2013.4506%204.72061%2013.0769%204.69961C12.6787%204.6773%2012.3902%204.34527%2012.3722%203.93384C12.3709%203.90103%2012.3722%203.86822%2012.3722%203.83607C12.3722%203.49354%2012.3722%203.15035%2012.3722%202.90428V2.90363Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M9.28113%206.83679C9.87359%207.39127%2010.5086%207.98578%2011.1444%208.58028L11.1082%208.63146C10.7339%208.63146%2010.3583%208.64853%209.9846%208.62687C9.58705%208.6039%209.29856%208.27122%209.28113%207.85913C9.2792%207.80992%209.28113%207.76136%209.28113%207.71215C9.28113%207.38602%209.28113%207.06055%209.28113%206.83679Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M6.92862%2012.5719C5.90762%2012.5719%204.88727%2012.5752%203.86628%2012.5699C3.46098%2012.568%203.13506%2012.2628%203.09376%2011.8704C3.0531%2011.4813%203.2977%2011.1244%203.67718%2011.0259C3.74624%2011.0082%203.81981%2011.0023%203.89145%2011.0023C5.93279%2011.001%207.97413%2010.9997%2010.0161%2011.0023C10.4395%2011.0023%2010.7699%2011.2996%2010.8125%2011.7018C10.8545%2012.0955%2010.5931%2012.4669%2010.2052%2012.5529C10.1123%2012.5732%2010.0135%2012.5713%209.91738%2012.5713C8.92091%2012.5726%207.92379%2012.5719%206.92733%2012.5719H6.92862Z%22%20fill%3D%22%23161616%22%2F%3E%3Cpath%20d%3D%22M6.94554%2015.7143C5.94907%2015.7143%204.95195%2015.715%203.95548%2015.7143C3.44499%2015.7143%203.09325%2015.3935%203.09132%2014.9322C3.08938%2014.4669%203.43853%2014.1441%203.94774%2014.1434C5.94907%2014.1428%207.9504%2014.1428%209.95172%2014.1434C10.4629%2014.1434%2010.8146%2014.463%2010.8165%2014.925C10.8185%2015.3882%2010.4674%2015.7137%209.95947%2015.7143C8.95461%2015.7157%207.9504%2015.7143%206.94554%2015.7143Z%22%20fill%3D%22%23161616%22%2F%3E%3Cpath%20d%3D%22M6.95927%2018.8569C5.95441%2018.8569%204.94955%2018.8575%203.94469%2018.8569C3.43871%2018.8562%203.08698%2018.5281%203.09085%2018.0642C3.09472%2017.6088%203.44065%2017.2866%203.93372%2017.2866C5.94344%2017.2853%207.95251%2017.2853%209.96223%2017.2866C10.4701%2017.2866%2010.8193%2017.6134%2010.8161%2018.0786C10.8122%2018.5419%2010.4637%2018.8569%209.94932%2018.8575C8.95285%2018.8582%207.95574%2018.8575%206.95927%2018.8575V18.8569Z%22%20fill%3D%22%23161616%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1987_8651%22%3E%3Crect%20width%3D%2217%22%20height%3D%2222%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'),auto; } @media screen and (max-width: 767px){ #loyaltylion .lion-history-info-modal-content__basic{ padding-top: 1.9rem; } } .tier-progress-wrapper { position: relative; } .js-tier-name.progress-item .tier-progress-wrapper { position: absolute; content: ""; width: 0.4rem; height: 0.4rem; background: #1c1c1c; border-radius: 50%; top: 50%; transform: translate(0, -50%); left: 6.8rem; } .js-tier-name.progress-item[data-tier="2"] .tier-progress-wrapper { left: 50%; transform: translate(-50%, -50%); } .js-tier-name.progress-item[data-tier="3"] .tier-progress-wrapper { left: auto; right: 6.8rem; } .js-tier-name.progress-item[data-tier="3"] span.tier-name { text-align: right; } .tier-progress-bar-item-wrapper::after { content: ""; position: absolute; width: var(--width); height: 100%; display: block; background: rgb(var(--color-main-text)); overflow: hidden; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .tier-progress-bar-item-wrapper::before { content: ""; position: absolute; width: 1.1rem; height: 100%; border-radius: 50%; left: calc(var(--width) - 0.5rem); z-index: 1; background-color: rgb(var(--color-main-text)); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; } .reward-page-menu ul.reward-tabs { display: flex; list-style: none; white-space: nowrap; justify-content: space-between; gap: 0.4rem; overflow: auto; scroll-behavior: smooth; padding: 0; margin: 0; background-color: rgb(var(--color-secondary)); } .reward-page-menu ul.reward-tabs:focus-visible{ outline: none; } .rewardtab-wrapper{ position: relative; } .rewardtab-wrapper.sticky-menu{ position: sticky; top: 0; left: 0; right: 0; z-index: 1000; background-color: white; } .reward-page-menu .rewardtab-wrapper::after{ content: " "; position: absolute; bottom: 0px; height: 1px; background: rgba(var(--color-main-text), .2); left: 0; width:100%; } .reward-page-menu ul.reward-tabs::-webkit-scrollbar { display: none; } .reward-page-menu ul.reward-tabs li{ padding: 1rem 1rem .9rem 1rem; font-size: 1.4rem; line-height: normal; } .reward-page-menu ul.reward-tabs a.reward-tab{ transition: 0s; } .reward-page-menu ul.reward-tabs a.reward-tab.active { font-weight: 700; font-family: var(--font-neue-haas-unica-bold); } .reward-page-menu ul.reward-tabs li:has(a.reward-tab.active){ border-bottom: 0.1rem solid; } .account-tiers .benefit-tier-items .benefit-tier-item .tier-description{ padding-inline: 2rem; } .account-tiers .benefit-tier-items .benefit-tier-item .tier-description a{ text-decoration: underline; } .account-tiers .benefit-tier-items .benefit-tier-item .benefit-text-wrapper{ padding-inline: 2rem; padding-block-end: 2rem; } .account-tiers .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier-benefit_heading{ line-height: 1.5rem; text-transform: capitalize; } .account-rewards.account-tiers .benefit-tier-item-content .h-full img{ height: 100%; object-fit: fill; } .js-tier-name.progress-item[data-tier="2"] span.tier-name { text-align: center; } .js-tier-name.progress-item[data-tier="1"] span.tier-name{ padding-left:2.3rem; } .js-tier-name.progress-item[data-tier="3"] span.tier-name{ margin-right: 3.3rem; } .tier-progress-bar-items .progress-reached-text { display: flex; flex-direction: column; max-width: 66rem; margin: 0 auto; text-align: center; justify-content: center; padding-top: 1rem; } .tier-progress-bar-items .progress-reached-text .reached-heading{ /* margin-left: calc(var(--width) - 4.7rem); */ /* font-size: 1.4rem; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.105rem; */ line-height: normal; height: 2.1rem; color: var(--color-foreground); } .tier-progress-bar-items .progress-reached-text .reached-away-text{ /* font-size: 1.2rem; font-style: normal; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.09rem; */ margin-bottom: .3rem; color: var(--color-foreground); } .tier-progress-bar-items .progress-reached-text[tier="1"] .reached-heading, .tier-progress-bar-items .progress-reached-text[tier="1"] .reached-away-text { text-align: start; } /* .tier-progress-bar-items .progress-reached-text[tier="2"] .reached-heading, .tier-progress-bar-items .progress-reached-text[tier="2"] .reached-away-text{ text-align: left; } */ .tier-progress-bar-items .progress-reached-text[tier="3"] .reached-heading{ text-align: end; margin-right: 2.4rem; font-weight: 900; } .tier-progress-bar-items .progress-reached-text[tier="3"] .reached-away-text{ display: none; } .availabe-points-wrapper{ display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin-top: 2rem; gap: 1.2rem; max-width: 72.8rem; padding-inline: 3.4rem; margin-inline: auto; padding-bottom: 6.7rem; } .availabe-points-wrapper .available-text{ /* font-size: 1.2rem; font-style: normal; font-weight: 400; */ line-height: 1.4rem; color: var(--color-foreground); /* letter-spacing: -0.09rem; */ } .availabe-points-wrapper .avalilabe-points{ height: 4.6rem; display: flex; align-items: center; gap: 0.4rem; color: var(--color-foreground); } .availabe-points-wrapper .avalilabe-points span{ text-transform: lowercase; line-height: 3.8rem; } .availabe-points-wrapper .avalilabe-points .js-total-points, .availabe-points-wrapper .avalilabe-points .js-total-points span{ /* font-size: 4.5rem; font-style: normal; font-weight: 700; */ line-height: 3.8rem; display: block; /* letter-spacing: -0.3375rem; */ } .availabe-points-wrapper .pending-points{ /* font-size: 1.4rem; font-weight: 400; */ line-height: 1.4rem; color: var(--color-foreground); /* letter-spacing: -0.105rem; */ } .availabe-points-wrapper .pending-points span{ text-transform: lowercase; line-height: 1.4rem; /* font-size: 1.4rem; font-weight: 400; letter-spacing: -0.105rem; */ } section.account-rewards.account-reward-menu{ margin: 0; /* margin-top: 4.4rem; */ margin-inline: auto; --color-main-text: 72, 41, 34; --color-white: #fff; } @media screen and (min-width: 768px) and (max-width:1000px){ section.account-rewards.account-reward-menu, .reward-page-menu.shopify-section.sticky-menu>section.account-reward-menu{ max-width: 100%; margin: 0 ; } } section.account-rewards .section__header{ margin-bottom: 0; } .account-rewards .account-reward-heading { margin: 0; margin-bottom: 1.2rem; line-height: 2.8rem; color: rgb(var(--color-main-text)); font-family: var(--font-body-family); } .account-rewards .account-reward-description{ line-height: 1.4rem; margin-bottom: 1.9rem; color: rgb(var(--color-main-text)); font-family: var(--font-body-family); } #loyaltylion .lion-history-table tbody tr:first-child td{ padding-top: 0.5rem; } .account-rewards .account-reward-description a{ text-decoration: underline; } .account-rewards .benefit-tiers-content .benefit-tiers-content-wrapper{ overflow: scroll; } .account-rewards .swiper-wrapper ::-webkit-scrollbar{ display: none ; } .account-rewards .benefit-tier-items .video-wrapper video { height: 100%; width: 100%; object-fit: cover; aspect-ratio: 1; } .account-rewards .benefit-tier-items .video-wrapper .video-control, .account-rewards .benefit-tier-items .video-poster-image { display: none;; } .account-rewards .benefit-tiers-content .benefit-tiers-content-wrapper .benefit-tier-items .benefit-tier-item{ min-width: var(--tier-width); /* flex: 1; */ max-width: var(--tier-width); height: fit-content; } @media screen and (max-width:767px){ .account-rewards.account-tiers .benefit-tier-items .benefit-tier-item{ border: 0.1rem solid rgb(var(--color-main-text)); } .account-rewards.account-tiers .benefit-tier-item-content .h-full{ aspect-ratio: 343/449; } .account-rewards.account-tiers .benefit-tier-items{ gap: 0.8rem; } #loyaltylion .lion-claimed-reward-item__chevron::after{ bottom: 3.7rem; } .account-rewards .benefit-tiers-content .benefit-tiers-content-wrapper .benefit-tier-items .benefit-tier-item{ --tier-width: 34.3rem; } } /* table css account page */ #loyaltylion .lion-history-table{ border: 0.1rem solid rgb(var(--color-main-text)); border-radius: 0; overflow: hidden; /* border-collapse: inherit; */ /* padding-block: 1rem 2rem; padding-bottom: 1.5rem; */ } #loyaltylion .lion-history-table__row:nth-child(even){ background-color: transparent; } #loyaltylion .lion-history-table__header-cell{ background-color: transparent; text-transform: none; } #loyaltylion .lion-history-table thead tr{ font-size: 1rem; font-style: normal; font-weight: 700; line-height: 1.2rem; position: relative; } #loyaltylion .lion-history-table tbody tr{ font-size: 1.2rem; font-style: normal; font-weight: 400; line-height: 1.4rem; position: relative; } #loyaltylion .lion-history-table thead th{ /* border-bottom: 0.1rem solid rgb(var(--color-main-text)); */ font-size: 1.2rem; line-height: 1.4rem; width: 23%; font-weight: 700; color: rgb(var(--color-main-text)); padding-inline: 1rem; text-align: start; position: relative; padding-bottom: 1rem; text-transform: uppercase ; letter-spacing: -0.09rem; font-family: var(--font-neue-haas-unica-bold); } #loyaltylion .lion-history-table thead tr:first-child::before{ content: ""; position: absolute; background: rgb(var(--color-main-text)); height: 0.1rem; width: 100%; left: 0; bottom: 0; } #loyaltylion .lion-history-table__row-cell, #loyaltylion .lion-history-table th{ padding-inline: 2.5rem; } #loyaltylion .lion-history-table__row{ background-color: inherit; } #loyaltylion .lion-history-table td{ padding-block: 1rem 0.5rem; /* padding-bottom: 0.5rem; */ width: 23%; font-size: 1.2rem; line-height: 1.4rem; letter-spacing: -0.09rem; font-weight: 400; text-align: start; text-transform: lowercase; color: rgb(var(--color-main-text)); padding-inline: 1rem; font-family: var(--font-body-family); } #loyaltylion .lion-history-table tbody tr{ display: flex; justify-content: space-between; gap: 0.5rem; padding-inline: 1rem; } #loyaltylion .lion-history-table thead tr{ display: flex; justify-content: space-between; gap: 0.5rem; padding-inline: 1rem; } #loyaltylion .lion-history-table tbody tr td, #loyaltylion .lion-history-table thead tr th{ width: fit-content; padding-inline: 0; } #loyaltylion .lion-history-table tbody tr td:first-child, #loyaltylion .lion-history-table thead tr th:first-child{ min-width: 6.2rem; } #loyaltylion .lion-history-table tbody tr td:nth-child(2), #loyaltylion .lion-history-table thead tr th:nth-child(2){ min-width: 6.7rem; } #loyaltylion .lion-history-table tbody tr td:nth-child(3), #loyaltylion .lion-history-table thead tr th:nth-child(3){ min-width: 18.1rem; } #loyaltylion .lion-history-table tbody tr td:nth-child(4), #loyaltylion .lion-history-table thead tr th:nth-child(4){ min-width: 4.2rem; } #loyaltylion .lion-history-table__row-cell:last-child, #loyaltylion .lion-history-table th:last-child{ min-width: 5.5rem; } @media screen and (max-width:640px){ #loyaltylion .lion-history-table tbody tr td:first-child, #loyaltylion .lion-history-table thead tr th:first-child{ padding-inline: 0; min-width: 4.8rem; } #loyaltylion .lion-history-table tbody tr td:nth-child(2), #loyaltylion .lion-history-table thead tr th:nth-child(2){ min-width: 6.7rem; } #loyaltylion .lion-history-table tbody tr , #loyaltylion .lion-history-table thead tr{ justify-content: unset; gap: 1.4rem; } #loyaltylion .lion-history-table tbody tr td:nth-child(3), #loyaltylion .lion-history-table thead tr th:nth-child(3){ min-width: 12.4rem; } #loyaltylion .lion-history-table tbody tr td:nth-child(4), #loyaltylion .lion-history-table thead tr th:nth-child(4){ min-width: 5.6rem; padding-right: 2.1rem; } #loyaltylion .lion-history-table tbody tr td:last-child, #loyaltylion .lion-history-table thead tr th:last-child{ min-width: 4.5rem; } #loyaltylion .lion-history-table tbody tr, #loyaltylion .lion-history-table thead tr{ padding-inline: 3rem; } #loyaltylion .lion-history-table thead th{ text-transform: capitalize; } #loyaltylion .lion-history-table tbody tr td{ font-size: 1rem; line-height: normal; letter-spacing: -0.075rem; } .account-rewards .account-reward-description{ margin-bottom: 2rem; } #loyaltylion .lion-history-table tbody tr:first-child td{ padding-top: 0.9rem; } #loyaltylion .lion-history-table{ border-inline: none; } } #loyaltylion .lion-history-table tbody tr:last-child td{ padding-bottom: 1.5rem; } #loyaltylion .lion-history-table__row .lion-history-state-bubble--approved{ opacity: 1; color: #176D00; text-transform: lowercase; font-size: 1.2rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.09rem; } #loyaltylion .lion-history-table .lion-history-table__row:hover{ background-color:#FAF3E9; } #loyaltylion .lion-history-table .lion-history-table__row:hover .lion-history-state-bubble--approved{ color: #176D00; } .account-rewards .reward-content-wraper .faq-content .Faq__Answer{ text-align: justify; } #loyaltylion .lion-history-state-bubble--pending{ background-color: transparent; padding: 0; color: #D98F00; opacity: 1; text-transform: lowercase; } #loyaltylion .lion-history-table__row:hover .lion-history-state-bubble--pending{ color: #D98F00; } .account-rewards.reward__faq-section .Faq__Question span.reward_Faq__Icon{ width:0.7rem; } .account-rewards .reward-content-wraper .faq-content .Faq__Answer, .account-rewards .reward__faq-section .Faq__Question, .account-rewards .reward_Faq__Item[aria-expanded=true] .Faq__Question{ } #loyaltylion .lion-history-state-bubble--approved{ background-color: transparent; padding: 0; } #loyaltylion .lion-rule-item__completed::before{ display: none; } .account-rewards .benefit-tiers-content .benefit-tiers-content-wrapper::-webkit-scrollbar{ display: none; } #loyaltylion .lion-claimed-rewards-list--empty{ padding: 0; aspect-ratio: 286 / 410; width: -webkit-fill-available; height: -webkit-fill-available; box-shadow: 0 0 0 0.1rem rgb(var(--color-main-text)); font-size: 1.4rem; line-height: 1.4rem; border: none; color: rgb(var(--color-main-text)); border-radius: 0; display: flex; flex-direction: column-reverse; gap: 0; align-items: start; justify-content: end; } .claimed-rewards-list-items #loyaltylion:has(.lion-claimed-rewards-list--empty){ gap: 1.3rem; display: grid; grid-template-columns: repeat(3, 1fr); } @media screen and (min-width: 768px){ #loyaltylion .lion-claimed-rewards-list--empty:hover .reward-background-image, #loyaltylion .lion-claimed-rewards-list--empty.two-column-layout:hover .reward-background-image{ scale: 1.03; transition: scale .4s ease; } #loyaltylion .lion-claimed-rewards-list--empty .reward-background-image{ scale: 1.01; transition: scale .4s ease; } #loyaltylion .lion-claimed-rewards-list--empty.two-column-layout .reward-background-image{ scale: 1.01; transition: scale .4s ease; } } body:has(.lion-modal-and-screen){ overflow: hidden; } #loyaltylion .lion-claimed-rewards-list--empty.two-column-layout{ aspect-ratio: 585 / 410; grid-column: 1 / 3; } #loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper{ display: flex; justify-content: space-between; width: 100%; background: rgb(var(--color-main-text)); color: var(--color-white); font-size: 1.4rem; line-height: 1.4rem; font-weight: 400; letter-spacing: -0.105rem; align-items: center; } #loyaltylion .lion-claimed-rewards-list--empty .reward-original-content{ display: flex; width: 100%; justify-content: start; align-items: center; color: rgb(var(--color-main-text)); background-color: transparent; padding: 0.8rem; color: var(--PRIMARY-p2, #482922); font-size: 1.4rem; font-style: normal; font-weight: 400; line-height: 1.4rem; /* 100% */ letter-spacing: -.105rem; font-family: var(--font-body-family); } #loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-button{ text-decoration: underline; text-underline-offset: 0.1rem; text-transform: capitalize; position: relative; margin-right: 0.8rem; font-family: var(--font-body-family); } #loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-button::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.1rem; background: var(--color-white); transform: scaleX(0); transition: transform .25s ease-out; transform-origin: left; } #loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-button:hover{ text-decoration: none; } #loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-button:hover::after{ transform: scaleX(1); } #loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-heading{ margin: 0; padding: 0.8rem; padding-right: 0; font-size: 1.4rem; font-style: normal; font-weight: 400; line-height: 1.4rem; /* 100% */ letter-spacing:-.105rem; color: var(--color-white); font-family: var(--font-body-family); } .tier-progress-bar-items .tier-progress-bar-item-wrapper[tier="1"] .js-tier-name[data-tier="3"] .tier-name, .tier-progress-bar-items .tier-progress-bar-item-wrapper[tier="1"] .js-tier-name[data-tier="2"] .tier-name, .tier-progress-bar-items .tier-progress-bar-item-wrapper[tier="2"] .js-tier-name[data-tier="3"] .tier-name{ color: rgba(var(--color-main-text), 0.2); } #loyaltylion .lion-reward-item--checkout-redemption .lion-reward-item__content{ display: flex; flex-direction: column; } #loyaltylion .lion-reward-item--checkout-redemption .lion-reward-item__content .lion-reward-item__meta { position: relative; color: rgb(var(--color-main-text)); font-size: 1rem; line-height: 1.5rem; font-weight: 900; } @media screen and (max-width: 767px){ .tier-progress-bar-items .tier-progress-bar-item-wrapper[tier="1"] .js-tier-name[data-tier="3"] .tier-name, .tier-progress-bar-items .tier-progress-bar-item-wrapper[tier="1"] .js-tier-name[data-tier="2"] .tier-name, .tier-progress-bar-items .tier-progress-bar-item-wrapper[tier="2"] .js-tier-name[data-tier="3"] .tier-name{ letter-spacing: -0.075rem; } #loyaltylion .lion-history-table__row .lion-history-state-bubble--approved{ font-size: 1rem; font-weight: 400; line-height: 1.5rem; letter-spacing: -0.075rem; } .availabe-points-wrapper .avalilabe-points{ height: 3.8rem; } #loyaltylion .lion-history-table tbody tr td:first-child, #loyaltylion .lion-history-table thead tr th:first-child{ padding-inline: 0; } #loyaltylion .lion-claimed-rewards-list--empty.two-column-layout{ aspect-ratio: 375/303; } .availabe-points-wrapper .pending-points span, #loyaltylion .lion-claimed-rewards-list--empty .reward-original-content, #loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-heading, #loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-button{ text-align: start; font-size: 1.2rem; line-height: 1.4rem; letter-spacing: -0.09rem; } #loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper{ gap: 0.8rem; justify-content: space-between; } #loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-button{ text-wrap: nowrap; text-align: start; } #loyaltylion .lion-claimed-rewards-list--empty{ gap: 0 !important; aspect-ratio: 184 / 303; } #loyaltylion .lion-claimed-rewards-list--empty .reward-background-image{ max-width: 100%; } .extra-section section.account-rewards{ padding-inline: 0; } .reward-page-menu ul.reward-tabs li{ max-height: min-content; margin-block: auto; } .reward-page-menu ul.reward-tabs li a.reward-tab.active { line-height: normal; } #loyaltylion .lion-reward-item--checkout-redemption .lion-reward-item__content .lion-reward-item__meta{ position: absolute; bottom: 2rem; color: rgb(var(--color-main-text)); } .tier-progress-bar-items .progress-reached-text[tier="1"], .tier-progress-bar-items .progress-reached-text[tier="2"] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.4rem; width: 100%; padding-left: 0.9rem; } .tier-progress-bar-items .progress-reached-text[tier="3"] { display: flex; flex-direction: row; justify-content: end; width: 100%; align-items: end; } .tier-progress-bar-items .progress-reached-text[tier="1"] .reached-heading{ /* max-width: 47px; margin-left: 9.23px; */ line-height: normal; } .tier-progress-bar-items .progress-reached-text[tier="1"] .reached-away-text{ /* max-width: 109px; */ text-align: end; } .tier-progress-bar-items .progress-reached-text[tier="2"] .reached-heading{ max-width: 100%; font-size: 1.4rem; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.105rem; } .tier-progress-bar-items .progress-reached-text[tier="2"] .reached-away-text{ max-width: 100%; font-size: 0.8rem; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.06rem; text-transform: uppercase; } .tier-progress-bar-items .progress-reached-text[tier="3"] .reached-heading{ max-width: 4.7rem; display: flex; text-align: center !important; margin-right: 0.923rem; line-height: 1rem !important; } #loyaltylion .lion-rewards-list .lion-reward-item__meta span.value:before, #loyaltylion .lion-rules-list .lion-rule-item__points span.value:before{ line-height: 1.3rem; } #loyaltylion .lion-claimed-rewards-list { gap: 0.8rem; row-gap: 1.2rem; grid-template-columns: repeat(2, 1fr); } .claimed-rewards-list-items #loyaltylion:has(.lion-claimed-rewards-list--empty){ grid-template-columns: repeat(2, 1fr); gap: 0.8rem; row-gap: 1.2rem; } .tier-progress-bar-items .progress-reached-text, .tier-progress-bar-item-wrapper{ max-width: 31.345rem; } .js-tier-name.progress-item[data-tier="3"] span.tier-name{ margin: 0; } .js-tier-name.progress-item[data-tier="1"] span.tier-name{ padding-inline: 0; padding-bottom: 0.7rem; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.075rem; } .tier-progress-bar-items .progress-reached-text{ padding-top: 0.7rem; } .js-tier-name.progress-item .tier-progress-wrapper{ left: 1.85rem; } .js-tier-name.progress-item[data-tier="3"] .tier-progress-wrapper{ right: 1.8rem; } .js-tier-name.progress-item .tier-progress-wrapper{ left: 1.4rem; } .tier-progress-bar-items .progress-reached-text .reached-away-text{ font-size: 0.8rem; line-height: normal; letter-spacing: -0.06rem; font-weight: 400; } .tier-progress-bar-items .progress-reached-text .reached-away-text span{ text-transform: uppercase; } .tier-progress-bar-items .progress-reached-text[tier="3"] .reached-heading{ text-align: end; margin-right: 0; font-size: 1.2rem; line-height: 1.8rem; font-weight: 900; } .tier-progress-bar-item-wrapper::before { width: 1.1rem; height: 1.2rem; border-radius: 50%; } .tier-progress-bar-item-wrapper::after{ height: 1.2rem; } .tier-progress-bar-item-wrapper{ height: 1.3rem; } .reward-page-menu ul.reward-tabs li{ padding: normal; } .account-rewards.account-reward-menu.sticky{ margin-inline: auto; width: 100%; max-width: unset; } section.reward-account-page-hero .customer-name{ font-size: 1.2rem; line-height: 1.4rem; padding-bottom: 1.2rem; gap: 0; } section.reward-account-page-hero .section__header{ margin-top: 3rem; padding-inline: 0.85rem; } .account-hero-contemt-wrapper{ /* margin-block: 2rem 6.7rem; */ padding-bottom: 6.7rem; } .reward-page section.account-rewards .container-reward{ padding-inline: 3rem ; } /* section.account-rewards{ margin-block: 17px 100px; } */ section.reward-account-page-hero .account-hero-contemt-wrapper .tab_figure{ margin-top: -2.3rem; } .reward-account-page-hero .tier-progress-bar-items .availabe-points-wrapper{ margin-top: 1.2rem; padding-bottom: 4rem; } section.reward-account-page-hero .section__header .section-subheading{ font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; } section.reward-account-page-hero .section__header .tier-heading{ font-size: 6rem; font-weight: 700; line-height: normal; letter-spacing: -0.45rem; height: 9rem; } .tier-progress-bar-item-wrapper span.tier-name{ font-size: 1rem; line-height: 1.2rem; padding-bottom: 0.7rem; color: var(--color-foreground); } .tier-progress-bar-item-wrapper{ margin-top: 2rem; } .availabe-points-wrapper .available-text{ font-size: 1.2rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.09rem; } /* .availabe-points-wrapper .avalilabe-points{ font-size: 26px; line-height: 38px; } */ .account-rewards .account-reward-heading{ font-size: 2.4rem; line-height: 2.4rem; letter-spacing: -0.18rem; margin-bottom: 0.8rem; } #loyaltylion .lion-history-table thead th:nth-child(3), #loyaltylion .lion-history-table tbody td:nth-child(3){ width: 30%; } #loyaltylion .lion-history-table thead th, #loyaltylion .lion-history-table tbody td{ line-height: normal; letter-spacing: -0.9px; color: rgb(var(--color-main-text)); text-align: start; font-size: 1.2rem; padding-top: 0.9rem; padding-bottom: 0.7rem; width: fit-content; } #loyaltylion .lion-history-table thead th{ padding-inline: 0.7rem; padding-bottom: 0.7rem; padding-top: 1.2rem; } #loyaltylion .lion-reward-item__actions:not(:empty), #loyaltylion .lion-rule-item__actions:not(:empty){ left: 2rem; bottom: 2rem; box-shadow: 0 0.1rem rgb(var(--color-main-text)); padding-block: 0.5rem; justify-content: flex-start; /* max-width: fit-content; */ font-size: 1.2rem; line-height: 1.8rem; font-weight: 700; } #loyaltylion .lion-reward-item__title:empty, #loyaltylion .lion-reward-item__links:empty{ display: none; } #loyaltylion .lion-reward-item__content{ display: flex; flex-direction: column; align-items: start; } #loyaltylion .lion-reward-item .lion-reward-item__content{ flex-direction: column; gap: 0; } #loyaltylion .lion-reward-item:nth-child(2n) .lion-reward-item__content{ border-right: 0; border-left: 0.1rem solid rgb(var(--color-main-text)); } #loyaltylion .lion-reward-item:nth-child(2n + 1) .lion-reward-item__content{ border-left: 0; border-right: 0.1rem solid rgb(var(--color-main-text)); } #loyaltylion .lion-rule-item__content.two-column-layout{ border-inline:0; } #loyaltylion .lion-rule-item:nth-child(2n) .lion-rule-item__content{ border-right: 0; border-left: 0.1rem solid rgb(var(--color-main-text)); } #loyaltylion .lion-rule-item:nth-child(2n + 1) .lion-rule-item__content{ border-left: 0; border-right: 0.1rem solid rgb(var(--color-main-text)); } #loyaltylion .lion-rules-list:has(.two-column-layout) .lion-rule-item:nth-child(2n) .lion-rule-item__content { border-left: 0; border-right: 0.1rem solid rgb(var(--color-main-text)); } #loyaltylion .lion-rules-list:has(.two-column-layout) .lion-rule-item:nth-child(2n + 1) .lion-rule-item__content { border-right: 0; border-left: 0.1rem solid rgb(var(--color-main-text)); } #loyaltylion .lion-reward-item__meta, #loyaltylion .lion-rule-item__points{ margin-top: 0; } #loyaltylion .lion-reward-item__meta{ font-size: 0.9rem; line-height: 1.3rem; font-weight: 900; } #loyaltylion .lion-reward-item__title, #loyaltylion .lion-rule-item__title{ display: flex; justify-content: start; align-items: center; text-align: start; padding-right: 0; } #loyaltylion .lion-reward-item__content:has(.lion-reward-item__actions:empty) .lion-reward-item__title , #loyaltylion .lion-rule-item__content:has(.lion-rule-item__actions:empty) .lion-rule-item__title { margin-bottom: 0; } #loyaltylion .lion-reward-item__meta .lion-reward-item__cost, #loyaltylion .lion-rule-item__points{ font-size: 0.9rem; line-height: 1.3rem; text-wrap: nowrap; } #loyaltylion .lion-reward-item__actions:has(.lion-action-button--disabled), #loyaltylion .lion-rule-item__actions:has(.lion-action-button--disabled) { box-shadow: 0 0.1rem rgb(var(--color-main-text))33; } #loyaltylion .lion-reward-item__content, #loyaltylion .lion-rule-item__content{ gap: 0.8rem; row-gap: 1.2rem; flex-direction: column; align-items: start; gap: 0; } #loyaltylion .lion-rule-item__content .lion-rule-item__actions:not(:empty){ left: unset; align-items: end; } #loyaltylion .lion-rule-item__content .lion-rule-item__icon-wrap:has(.lion-rule-item__icon:empty){ display: none; } #loyaltylion .lion-rule-item__content .lion-rule-item__actions:empty{ display: none; } #loyaltylion .lion-rewards-list, #loyaltylion .lion-rules-list{ gap: 0.8rem; row-gap: 1.2rem; grid-template-columns: repeat(2, 1fr); } #loyaltylion .lion-history-table th{ line-height: 1rem; padding-inline: 0.7rem; padding-block: 0 0.875rem; } #loyaltylion .lion-history-table__row-cell{ padding-inline: 0.7rem; padding-block: 1.18rem 0.48rem; } #loyaltylion .lion-history-table__row-cell:first-child, #loyaltylion .lion-history-table th:first-child, #loyaltylion .lion-history-table td:first-child{ padding-left: 3rem; } .account-rewards .reward-content-wraper .faq-content .Faq__ItemWrapper{ padding-bottom: 1.4rem; } #loyaltylion .lion-history-table tbody tr:last-child td{ padding-bottom: 1.2rem; } #loyaltylion .lion-history-table tbody td{ padding-inline: 0.5rem; } #loyaltylion .lion-reward-item:has(.two-column-layout), #loyaltylion .lion-rule-item:has(.two-column-layout), #loyaltylion .lion-reward-item, #loyaltylion .lion-rule-item { max-width: calc(100%); width: 100%; } #loyaltylion .lion-reward-item, #loyaltylion .lion-rule-item{ aspect-ratio: 183/303; } .account-rewards .reward-content-wraper .faq-content .section__header-description{ font-size: 1rem; line-height: 1.2rem; font-weight: 400; margin-top: 1.4rem; } .account-rewards .reward-content-wraper .faq-content .heading-block{ font-size: 1.2rem; line-height: 1.8rem; font-weight: 900; } .account-rewards.reward__faq-section .Faq__Question{ font-size: 1rem; line-height: 1.2rem; } .account-rewards.account-tiers .account-reward-heading, .account-rewards.account-tiers .account-reward-description{ padding-inline: 3rem; } .account-rewards.account-tiers .account-reward-description{ margin-bottom: 4rem; } .account-rewards.reward-history .account-reward-description{ margin-bottom: 3rem; } section.account-rewards.account-tiers{ padding-inline: 0; } .benefit-tiers-content.swiper{ margin-left: -60rem; } .account-rewards.account-tiers .benefit-tier-items{ padding-inline: 60rem; overflow: scroll; } .account-rewards.account-tiers .benefit-tier-items::-webkit-scrollbar{ display: none; } section.account-rewards.reward__faq-section{ margin-bottom: 16rem; } } .reward-page-menu.shopify-section.sticky-menu > section{ position: fixed; top: 0; margin: 0; margin-inline: calc((100% - 94.5rem) / 2); width: 100%; /* Ensure it spans the full width */ background: rgb(var(--color-secondary)); } .reward-page-menu.shopify-section.sticky-menu > .extra-section{ padding-top: 3.5rem; background-color: rgb(var(--color-secondary)); } .reward-page .extra-section{ background-color: rgb(var(--color-secondary)); } /* .reward-page-menu.shopify-section.sticky-menu >* section.account-rewards{ margin-top: 0; padding-top: 7.5rem; margin-bottom: 7.5rem; } */ .shopify-section section.reward__faq-section.account-rewards{ padding-top: 7.5rem; margin-top: 0; } .reward-page-menu.shopify-section.sticky-menu >* section.account-rewards.account-reward-menu{ padding-top: 0; } @media screen and (max-width:767px){ /* .reward-page-menu.shopify-section.sticky-menu >* section.account-rewards{ margin-top: 0; padding-top: 7.5rem; margin-bottom: 2.5rem; } */ .shopify-section section.reward__faq-section.account-rewards{ padding-top: 7.5rem; } .reward-page-menu.shopify-section.sticky-menu > section{ margin-inline: auto; width: 100%; max-width: unset; } } .video-wrapper.video-item-wrap .video-poster-image,.video-wrapper.video-item-wrap .video-control{ display: none; } /* SPRINT 3 CSS CHANGES */ #loyaltylion .lion-reward-code .lion-reward-code__code{ font-weight: 700; /* line-height: normal; */ letter-spacing: -0.09rem; text-transform: uppercase; } #loyaltylion .lion-modal{ border: 0.1rem solid rgb(var(--color-main-text)); border-radius: 0; } #loyaltylion .lion-referral-modal--incentive--code .lion-reward-code .lion-copy-to-clipboard-button { max-width: 27.6rem; } #loyaltylion .lion-referral-modal--continue{ padding: 0 !important; } #loyaltylion .lion-referral-modal--continue .lion-action-button{ border-radius: 0; background: rgb(var(--color-main-text)); color: var(--color-white); text-transform: capitalize; display: flex; align-items: center; } #loyaltylion #lion-loyalty-panel-custom-css .lion-modal__content div:has(.lion-referral-modal--continue){ order: 5; } #loyaltylion #lion-loyalty-panel-custom-css .lion-modal__content:has(.lion-referral-modal--header){ display: flex; flex-direction: column; } #loyaltylion #lion-loyalty-panel-custom-css .lion-modal__content:has(.lion-referral-modal--header) .lion-referral-modal--incentive{ order:7; } #loyaltylion #lion-loyalty-panel-custom-css .lion-modal__content .lion-referral-modal--header{ order: 9; padding-right: 3.6rem; } #loyaltylion #lion-loyalty-panel-custom-css .lion-modal__content:has(.lion-referral-modal--header) .rule-image-wrapper{ order: 8; margin-bottom: 0.8rem; } #loyaltylion #lion-loyalty-panel-custom-css .lion-modal .rule-image-wrapper video, #loyaltylion #lion-loyalty-panel-custom-css .lion-modal .rule-image-wrapper img{ max-width: 27.6rem; aspect-ratio: 276 / 217; object-fit: cover; object-position: center; } #loyaltylion #lion-loyalty-panel-custom-css .lion-modal .rule-image-wrapper{ order: 2; aspect-ratio: 276 / 217; overflow: hidden; margin-bottom: 1.2rem; } #loyaltylion #lion-loyalty-panel-custom-css .lion-modal--rule-action .rule-image-wrapper { margin-bottom: 1.2rem; } #loyaltylion #lion-loyalty-panel-custom-css .lion-modal .lion-modal__content{ order: 3; display: flex; flex-direction: column-reverse; } #loyaltylion .lion-history-info-modal-content__comment-expiry{ font-size: 0.8rem; font-weight: 400; line-height: 1.2rem; position: absolute; bottom: -3.8rem; right: 0; display: flex; max-width: 5.3rem; text-transform: uppercase; letter-spacing: -0.06rem; font-family: var(--font-body-family); } #loyaltylion .lion-modal__close-button{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='25px' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M7 17.4316L16.977 7.50003' stroke='%23482922' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17 17.5L7.023 7.56838' stroke='%23482922' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); } #loyaltylion .lion-modal.lion-redeem-reward-modal{ max-width: 31.6rem; } #loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__confirm-summary{ font-size: 1.4rem; line-height: 1.4rem; font-weight: 700; letter-spacing: -0.105rem; margin-bottom: 0.6rem; color: rgb(var(--color-main-text)); display: flex; align-items: center } #loyaltylion .lion-redeem-reward-modal--product_cart .lion-redeem-reward-modal__confirm-box .lion-redeem-reward-modal__confirm-summary-extra, #loyaltylion .lion-modal.lion-redeem-reward-modal .lion-reward-description-modal-content{ text-align: left; display: flex; font-size: 1.4rem; font-size: 1.2rem; font-style: normal; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.09rem; color: rgb(var(--color-main-text)) ; font-family: var(--font-body-family); padding-block: 0; } #loyaltylion .lion-redeem-reward-modal--product_cart .lion-redeem-reward-modal__confirm-box .lion-redeem-reward-modal__confirm-summary-extra{ padding: 0; } #loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__minimum-spend, #loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__expiration-message{ font-size: 1.2rem; justify-content: start; font-weight: 400; line-height: 1.4rem; /* 116.667% */ letter-spacing: -0.09rem; color: rgb(var(--color-main-text)); padding: 0; display: flex; font-family: var(--font-body-family); } #loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__minimum-spend:before{ content: none; } #loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__button-container{ margin-top: 1.2rem; display: flex; flex-direction: column-reverse; } #loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__button-container .lion-action-button{ border-radius: 0; display: flex; margin: 0; font-size: 1.4rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.105rem; background-color: rgb(var(--color-main-text)); color: var(--color-white); font-family: var(--font-body-family); } #loyaltylion .lion-history-info-modal-content__comment-min-spend{ font-family: var(--font-body-family); } #loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button--confirm:hover{ background-color: transparent; border: 0.1rem solid rgb(var(--color-main-text)); color: rgb(var(--color-main-text)); } #loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button--cancel{ background-color: transparent; color: rgb(var(--color-main-text)); text-decoration: underline; padding: 0; min-height: unset; margin-top: 0.8rem; position: relative; margin-inline: auto; min-width: unset; max-width: fit-content; font-family: var(--font-body-family); } #loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button--cancel:hover{ text-decoration: none; } #loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button--cancel::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.1rem; background: rgb(var(--color-main-text)); transform: scaleX(0); transition: transform .25s ease-out; transform-origin: left; } #loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button--cancel:hover::after{ transform: scaleX(1); transition: transform .25s ease-out; } #loyaltylion .lion-modal--rule-action .lion-birthday-entry-form__select--month, #loyaltylion .lion-modal--rule-action .lion-birthday-entry-form__input--day, #loyaltylion .lion-modal--rule-action .lion-birthday-entry-form__input--year{ width: 8.6rem; height: 3.4rem; padding: .9rem; box-sizing: border-box; border-radius: 0; border: 0.1rem solid rgb(var(--color-main-text)); display: flex; font-size: 1.4rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.105rem; margin: 0; font-family: var(--font-body-family); } #loyaltylion .lion-modal--rule-action .lion-birthday-entry-form__input--day:focus-visible, #loyaltylion .lion-modal--rule-action .lion-birthday-entry-form__input--year:focus-visible, #loyaltylion .lion-modal--rule-action .lion-birthday-entry-form__select--month:focus-visible{ outline: 0; box-shadow: none; border-radius: 0; } #loyaltylion .lion-modal--rule-action .lion-birthday-entry-form__input--day, #loyaltylion .lion-modal--rule-action .lion-birthday-entry-form__input--year{ background-color: rgb(var(--color-secondary)) ; } #loyaltylion .lion-birthday-entry-form__inputs{ justify-content: space-between; } #loyaltylion .lion-birthday-action .lion-birthday-action__help{ padding-bottom: 1.2rem; } #loyaltylion .lion-referral-widget-modal{ box-shadow: none; max-width: 31.6rem; height: 48rem; padding: 1.9rem; border-radius: 0; border: 0.1rem solid rgb(var(--color-main-text)); background-color: rgb(var(--color-secondary)) } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main{ padding: 0; } #loyaltylion .lion-referral-widget{ height: 44.1rem; color: rgb(var(--color-main-text)); } #loyaltylion .lion-referral-widget-panels--slide{ margin-top: -44rem; max-height: fit-content; } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main .rule-image-wrapper{ aspect-ratio: 276 / 217; overflow: hidden; margin-bottom: 0.8rem; order: 2; } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main .rule-image-wrapper .reward-background-image{ width: 100%; height: -webkit-fill-available; object-fit: cover; object-position: center; } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__heading::after{ content: none; } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-controls{ order: 5; } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__intro, #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__intro span, #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-link-text { order: 4; font-size: 1.2rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.09rem; text-align: start; font-family: var(--font-body-family); } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__intro .lion-referral-info-text a{ text-decoration: underline; } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__intro span > *span{ display: flex; } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__intro span{ line-height: 1.4rem; display: inline-block; } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-panel{ flex: 0 0 44rem; justify-content: start; max-height: fit-content; } @media (max-height:700px), (max-width: 767px) { #loyaltylion .lion-referral-widget-modal .lion-referral-widget-panels--slide { margin-top: 0; padding-top: 11.1rem; } } @media screen and (max-width: 767px) { #loyaltylion .lion-referral-widget-modal .lion-referral-widget-panels--slide { margin-top: 0; padding-top: 0; } } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__heading{ margin: 0; order: 1; font-style: normal; font-size: 1.6rem; font-style: normal; font-weight: 700; line-height: 1.8rem; letter-spacing: -0.12rem; padding-bottom: 1.3rem; border-bottom: 0.1rem solid rgb(var(--color-main-text)); display: flex; width: 100%; padding-right: 3.6rem; margin-bottom: 0.8rem; font-family: var(--font-neue-haas-unica-bold); } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-buttons>a { margin: 0; border-radius: 50%; height: 3.5rem; width: 3.5rem; transform: scale(1); } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-buttons{ padding: 0; flex-wrap: nowrap; margin-block: 2.4rem; gap: 2rem; } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-link-container{ position: relative; display: flex; padding-top: 1.2rem; } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-link-container .lion-referral-widget-main__share-link-url { margin: 0; width: 100%; background: rgb(var(--color-secondary)); color: rgb(var(--color-main-text)); font-size: 1.2rem; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.09rem; text-transform: uppercase !important; padding: 0.9rem 2rem; border-radius: 1rem; border: 0.1rem dashed rgb(var(--color-main-text)); font-family: var(--font-neue-haas-unica-bold); min-height: 3.7rem; display: flex; align-items: center; justify-content: center; } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-link-container .lion-copy-to-clipboard-button{ position: absolute; width: 100%; background: transparent; cursor: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221.7rem%22%20height%3D%222.2rem%22%20viewBox%3D%220%200%2017%2022%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1987_8651)%22%3E%3Cpath%20d%3D%22M0%2012.9585C0%2010.782%200%208.60539%200%206.42882C0%204.93665%200.984207%203.93268%202.44535%203.93006C2.65252%203.93006%202.92552%203.99764%203.04943%203.89134C3.18044%203.77913%203.08041%203.49304%203.08944%203.28306C3.1088%202.83422%203.05524%202.38408%203.13204%201.93656C3.31533%200.872879%204.23758%200.0218036%205.29858%200.0119608C7.39866%20-0.00838101%209.49937%200.00408656%2011.5994%200.00408656C11.8105%200.00408656%2011.9918%200.0867662%2012.1383%200.239658C13.6782%201.84404%2015.2175%203.44973%2016.756%205.05542C16.9271%205.2339%2016.9994%205.44848%2016.9994%205.6998C16.9968%209.02207%2017.0006%2012.3437%2016.9961%2015.666C16.9942%2017.0427%2015.9829%2018.0624%2014.6295%2018.0729C14.3972%2018.0748%2014.0848%2017.9908%2013.9544%2018.1103C13.8041%2018.2481%2013.917%2018.5709%2013.908%2018.813C13.8912%2019.2698%2013.9493%2019.7304%2013.8447%2020.1825C13.5937%2021.2646%2012.665%2021.9975%2011.5343%2021.9995C9.29672%2022.0028%207.05983%2022.0002%204.82229%2022.0002C4.04977%2022.0002%203.27725%2022.0002%202.50473%2022.0002C0.97259%2021.9988%200%2021.0152%200%2019.4633C0%2017.2953%200%2015.1266%200%2012.9585ZM1.54569%2012.9585C1.54569%2015.1594%201.54569%2017.3596%201.54569%2019.5604C1.54569%2020.1084%201.85999%2020.4279%202.40017%2020.4279C5.44121%2020.4286%208.4829%2020.4292%2011.5239%2020.4279C12.037%2020.4279%2012.361%2020.1057%2012.361%2019.5926C12.3629%2016.5328%2012.361%2013.4736%2012.3655%2010.4138C12.3655%2010.2537%2012.3249%2010.2098%2012.1674%2010.2117C11.4839%2010.2209%2010.7998%2010.2176%2010.1157%2010.215C8.73331%2010.2104%207.73103%209.19006%207.72651%207.78253C7.72457%207.09551%207.71812%206.40782%207.73103%205.72145C7.7349%205.53116%207.67811%205.49703%207.50385%205.49769C5.82199%205.50491%204.14077%205.50163%202.4589%205.50163C1.83159%205.50163%201.5444%205.79297%201.5444%206.43013C1.5444%208.60605%201.5444%2010.782%201.5444%2012.9579L1.54569%2012.9585ZM15.4524%2011.0917C15.4524%209.56146%2015.4498%208.03123%2015.4562%206.501C15.4569%206.33302%2015.4214%206.28052%2015.2478%206.2838C14.5637%206.29496%2013.8796%206.29102%2013.1955%206.28774C11.826%206.28183%2010.8224%205.26081%2010.8166%203.86903C10.814%203.17347%2010.8127%202.47791%2010.8185%201.78236C10.8198%201.63799%2010.8043%201.56975%2010.6301%201.57041C8.89981%201.57828%207.16955%201.57303%205.43928%201.57631C4.9604%201.57697%204.64159%201.90703%204.63771%202.39655C4.63384%202.83816%204.6461%203.28043%204.63255%203.72205C4.62739%203.89856%204.68095%203.93531%204.84617%203.93399C6.01302%203.92612%207.17987%203.93662%208.34672%203.92546C8.67716%203.92218%208.92886%204.03242%209.15797%204.27259C10.6249%205.81266%2012.097%207.34748%2013.573%208.87771C13.8079%209.12116%2013.9138%209.38691%2013.9125%209.73075C13.9035%2011.9152%2013.9099%2014.1003%2013.9041%2016.2848C13.9041%2016.4508%2013.9351%2016.5223%2014.1113%2016.502C14.2545%2016.4855%2014.4004%2016.4987%2014.5456%2016.4987C15.1555%2016.498%2015.4511%2016.2001%2015.4511%2015.5839C15.4511%2014.0865%2015.4511%2012.5891%2015.4511%2011.0917H15.4524ZM12.372%202.90378C12.372%203.15051%2012.372%203.49304%2012.372%203.83557C12.372%203.86838%2012.3707%203.90118%2012.372%203.93334C12.39%204.34542%2012.6785%204.6768%2013.0767%204.69911C13.4498%204.72011%2013.8254%204.7037%2014.1997%204.7037L14.2365%204.64989C13.6014%204.05539%2012.967%203.46023%2012.372%202.90312V2.90378ZM9.28123%206.83697C9.28123%207.06073%209.28123%207.38685%209.28123%207.71232C9.28123%207.76154%209.27994%207.81075%209.28123%207.85931C9.29866%208.27139%209.5865%208.60408%209.9847%208.62705C10.3584%208.6487%2010.7333%208.63164%2011.1083%208.63164L11.1445%208.58046C10.5094%207.98595%209.87434%207.39145%209.28123%206.83697Z%22%20fill%3D%22%23161616%22%2F%3E%3Cpath%20d%3D%22M1.5459%2012.9584C1.5459%2010.7825%201.5459%208.60654%201.5459%206.43062C1.5459%205.79346%201.83309%205.50212%202.4604%205.50212C4.14227%205.50212%205.82349%205.50474%207.50535%205.49818C7.67961%205.49752%207.7364%205.53164%207.73253%205.72194C7.71962%206.40897%207.72543%207.09599%207.72801%207.78302C7.73253%209.18989%208.73416%2010.2103%2010.1172%2010.2155C10.8013%2010.2181%2011.4848%2010.2208%2012.1689%2010.2122C12.327%2010.2103%2012.3677%2010.2542%2012.367%2010.4143C12.3625%2013.4741%2012.3644%2016.5333%2012.3625%2019.5931C12.3625%2020.1062%2012.0379%2020.4284%2011.5254%2020.4284C8.4844%2020.4297%205.44271%2020.4297%202.40167%2020.4284C1.86149%2020.4284%201.54719%2020.1089%201.54719%2019.5609C1.5459%2017.3601%201.54719%2015.1599%201.54719%2012.959L1.5459%2012.9584ZM6.92903%2012.5719C7.9255%2012.5719%208.92261%2012.5719%209.91908%2012.5712C10.0152%2012.5712%2010.114%2012.5732%2010.2069%2012.5529C10.5948%2012.4669%2010.8562%2012.0955%2010.8142%2011.7018C10.7716%2011.3002%2010.4412%2011.0029%2010.0178%2011.0023C7.97648%2010.9997%205.93514%2011.001%203.89315%2011.0023C3.82151%2011.0023%203.74794%2011.0082%203.67888%2011.0259C3.2994%2011.125%203.0548%2011.482%203.09546%2011.8704C3.13676%2012.2628%203.46204%2012.5679%203.86798%2012.5699C4.88898%2012.5752%205.90932%2012.5719%206.93032%2012.5719H6.92903ZM6.94581%2015.7144C7.95067%2015.7144%208.95488%2015.715%209.95974%2015.7144C10.467%2015.7144%2010.8187%2015.3882%2010.8168%2014.925C10.8149%2014.463%2010.4631%2014.1441%209.95199%2014.1434C7.95067%2014.1428%205.94934%2014.1428%203.94801%2014.1434C3.43816%2014.1434%203.08965%2014.4669%203.09159%2014.9322C3.09352%2015.3935%203.44526%2015.7137%203.95575%2015.7144C4.95222%2015.7157%205.94934%2015.7144%206.94581%2015.7144ZM6.95936%2018.8568C7.95583%2018.8568%208.95294%2018.8575%209.94941%2018.8568C10.4638%2018.8568%2010.8129%2018.5412%2010.8162%2018.0779C10.82%2017.6127%2010.4702%2017.2866%209.96232%2017.2859C7.9526%2017.2853%205.94353%2017.2846%203.93381%2017.2859C3.44074%2017.2859%203.09481%2017.6081%203.09094%2018.0635C3.08707%2018.5274%203.4388%2018.8555%203.94478%2018.8562C4.94964%2018.8575%205.9545%2018.8562%206.95936%2018.8562V18.8568Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M15.4523%2011.0915C15.4523%2012.589%2015.4523%2014.0864%2015.4523%2015.5838C15.4523%2016.2%2015.1567%2016.4979%2014.5468%2016.4985C14.4022%2016.4985%2014.2557%2016.4854%2014.1124%2016.5018C13.9363%2016.5215%2013.9046%2016.4506%2013.9053%2016.2846C13.9111%2014.1002%2013.9046%2011.9151%2013.9137%209.7306C13.915%209.38676%2013.8091%209.12101%2013.5742%208.87756C12.0976%207.34733%2010.6254%205.81251%209.15914%204.27244C8.93003%204.03227%208.67833%203.92203%208.34789%203.92531C7.18104%203.93647%206.01419%203.92597%204.84734%203.93384C4.68148%203.93516%204.62791%203.89841%204.63372%203.7219C4.64727%203.28028%204.63501%202.83801%204.63888%202.3964C4.6434%201.90688%204.96157%201.57747%205.44045%201.57616C7.17072%201.57288%208.90098%201.57813%2010.6313%201.57026C10.8055%201.5696%2010.821%201.63784%2010.8197%201.7822C10.8139%202.47776%2010.8145%203.17332%2010.8178%203.86888C10.8236%205.26131%2011.8271%206.28234%2013.1966%206.28759C13.8808%206.29021%2014.5649%206.29481%2015.249%206.28365C15.4226%206.28103%2015.4581%206.33287%2015.4574%206.50085C15.451%208.03108%2015.4535%209.56131%2015.4535%2011.0915H15.4523Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12.3722%202.90363C12.9672%203.46073%2013.6016%204.05589%2014.2367%204.6504L14.1999%204.7042C13.8256%204.7042%2013.4506%204.72061%2013.0769%204.69961C12.6787%204.6773%2012.3902%204.34527%2012.3722%203.93384C12.3709%203.90103%2012.3722%203.86822%2012.3722%203.83607C12.3722%203.49354%2012.3722%203.15035%2012.3722%202.90428V2.90363Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M9.28113%206.83679C9.87359%207.39127%2010.5086%207.98578%2011.1444%208.58028L11.1082%208.63146C10.7339%208.63146%2010.3583%208.64853%209.9846%208.62687C9.58705%208.6039%209.29856%208.27122%209.28113%207.85913C9.2792%207.80992%209.28113%207.76136%209.28113%207.71215C9.28113%207.38602%209.28113%207.06055%209.28113%206.83679Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M6.92862%2012.5719C5.90762%2012.5719%204.88727%2012.5752%203.86628%2012.5699C3.46098%2012.568%203.13506%2012.2628%203.09376%2011.8704C3.0531%2011.4813%203.2977%2011.1244%203.67718%2011.0259C3.74624%2011.0082%203.81981%2011.0023%203.89145%2011.0023C5.93279%2011.001%207.97413%2010.9997%2010.0161%2011.0023C10.4395%2011.0023%2010.7699%2011.2996%2010.8125%2011.7018C10.8545%2012.0955%2010.5931%2012.4669%2010.2052%2012.5529C10.1123%2012.5732%2010.0135%2012.5713%209.91738%2012.5713C8.92091%2012.5726%207.92379%2012.5719%206.92733%2012.5719H6.92862Z%22%20fill%3D%22%23161616%22%2F%3E%3Cpath%20d%3D%22M6.94554%2015.7143C5.94907%2015.7143%204.95195%2015.715%203.95548%2015.7143C3.44499%2015.7143%203.09325%2015.3935%203.09132%2014.9322C3.08938%2014.4669%203.43853%2014.1441%203.94774%2014.1434C5.94907%2014.1428%207.9504%2014.1428%209.95172%2014.1434C10.4629%2014.1434%2010.8146%2014.463%2010.8165%2014.925C10.8185%2015.3882%2010.4674%2015.7137%209.95947%2015.7143C8.95461%2015.7157%207.9504%2015.7143%206.94554%2015.7143Z%22%20fill%3D%22%23161616%22%2F%3E%3Cpath%20d%3D%22M6.95927%2018.8569C5.95441%2018.8569%204.94955%2018.8575%203.94469%2018.8569C3.43871%2018.8562%203.08698%2018.5281%203.09085%2018.0642C3.09472%2017.6088%203.44065%2017.2866%203.93372%2017.2866C5.94344%2017.2853%207.95251%2017.2853%209.96223%2017.2866C10.4701%2017.2866%2010.8193%2017.6134%2010.8161%2018.0786C10.8122%2018.5419%2010.4637%2018.8569%209.94932%2018.8575C8.95285%2018.8582%207.95574%2018.8575%206.95927%2018.8575V18.8569Z%22%20fill%3D%23161616%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1987_8651%22%3E%3Crect%20width%3D%2217%22%20height%3D%2222%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"),auto; } /* #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-link-container .lion-copy-to-clipboard-button:hover{ background: transparent; } */ #loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-link-container .lion-copy-to-clipboard-button::after{ content: none; } #loyaltylion .lion-referral-widget-modal .lion-referral-widget-modal__close-button{ position: absolute; margin: 0; height: 2.4rem; width: 2.4rem; top: 2rem; right: 2rem; z-index: 999; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='25px' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M7 17.4316L16.977 7.50003' stroke='%23482922' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17 17.5L7.023 7.56838' stroke='%23482922' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); } #loyaltylion .lion-referral-email-form{ padding: 0; padding-top: 4.5rem; } #loyaltylion .lion-referral-email-form .lion-referral-email-form__field{ margin-bottom: 2rem; } #loyaltylion .lion-referral-email-form .lion-referral-email-form__label{ color: rgb(var(--color-main-text)); letter-spacing: -0.109rem; font-size: 1.4rem; line-height: 1.4rem; } #loyaltylion .lion-referral-email-form .lion-referral-email-form__input{ width: 100%; font-size: 1.4rem; letter-spacing: -0.109rem; display: flex; padding: 0.7rem 0.7rem; padding-bottom: 1rem; background-color: transparent; border: 0.1rem solid rgb(var(--color-main-text)); color: rgb(var(--color-main-text)); border-radius: 0; box-shadow: none; -webkit-user-select: text; -moz-user-select: text; user-select: text; transition: none; } #loyaltylion .lion-history-state-bubble--declined{ opacity: 1; } #loyaltylion .lion-referral-email-form .lion-referral-email-form__buttons{ flex-direction: column; align-items: center; gap: 1.2rem; width: 100%; } #loyaltylion .lion-referral-email-form .lion-referral-email-form__buttons .lion-action-button{ padding: 1rem 2.2rem; font-size: 1.2em; margin: 0; width: 100%; background: rgb(var(--color-main-text)); color: var(--color-white); border-radius: 0; } #loyaltylion .lion-referral-email-form .lion-referral-email-form__buttons .lion-action-button--neutral{ padding: 0; min-height: unset; text-decoration: underline; background: transparent; color: rgb(var(--color-main-text)); } #loyaltylion .lion-birthday-entry-form__select{ background-image: url('data:image/svg+xml;utf8,'); } @media screen and (max-width: 767px){ #loyaltylion .lion-referral-widget-modal .lion-referral-widget-panels--slide .lion-referral-widget-main{ margin-top: -44rem; } #loyaltylion .lion-referral-widget-modal{ position: fixed; height:48rem; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: none; max-width: 31.6rem; padding: 1.9rem; border-radius: 0; border: 0.1rem solid rgb(var(--color-main-text)); /* background-color: var(--color-background); */ } } @media screen and (max-width: 767px){ /* section.account-rewards .container-reward{ padding-inline: 3rem; } */ .account-rewards.account__faq-section .account-reward-heading{ padding-inline: 0; padding-bottom: .8rem; } } #loyaltylion .lion-referral-share-button--whatsapp:after, #loyaltylion .lion-referral-share-button--facebook-messenger:after, #loyaltylion .lion-referral-share-button--facebook:after, #loyaltylion .lion-referral-share-button--email:after, #loyaltylion .lion-referral-share-button--twitter::after{ transform: scale(1); } .reward-page .PageContainer { background-color: var(--color-secondary); } #loyaltylion .lion-copy-to-clipboard-button{ font-family: var(--font-body-family); font-size: 1.2rem; } #loyaltylion .lion-rule-item__content:has(.lion-rule-item__icon-wrap div:empty) .lion-rule-item__title { grid-column: 1 / -1; } .lion-rule-item--\$signup { display: none !important; }