/** Shopify CDN: Minification failed

Line 3344: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: 20px;
}

.reward-contant-main {
    font-family: "NeueHaasUnicaW1G-Regular";
    max-width: 942px;
    margin: 0 auto 0;
    padding: 30px 0 200px;
    padding-inline: 30px;
}
.reward-contant-main.reward__benefit-tier-section{
    max-width: 945px;
}

.h1 {
    font-family: "NeueHaasUnicaW1G-Regular";
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    margin-bottom: 42px !important;
}
.h2{
    font-family: "NeueHaasUnicaW1G-Regular";
    font-size: 35px;
    font-style: normal;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
    line-height: 28px;
    margin: 0;
}
#loyaltylion{
    font-family: "NeueHaasUnicaW1G-Regular" !important;
}
#loyaltylion .button-with-link{
    font-family: "NeueHaasUnicaW1G-Regular";
    font-size: 14px;
    line-height: 21px;
    text-decoration: underline;
    text-underline-offset: 5px;
    cursor: pointer;
}
.reward-contant-main .reward-heading b,
.reward-contant-main .reward-heading strong {
    font-family: "NeueHaasUnicaW1G-Regular";
    font-weight: 900 !important;
}
.reward-contant-main .reward-subheading-wraper{
    width: 100%;
}
.reward-contant-main .reward-subheading-wraper .reward-sub-description{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.reward-contant-main .reward-description {
    font-family: "NeueHaasUnicaW1G-Regular";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.reward-content-wraper .button-wraper{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    align-items: start;
}
.reward-content-wraper .button-wraper .login-wraper{
    align-items: end;
    gap: 12px;
}
.reward-content-wraper .button-wraper .sign-up-wraper{
    align-items: start;
    gap: 10px;
}
.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: 14px;
    line-height: 21px;
    padding-block: 5px;
}
.reward-contant-main .reward-description strong{
    font-family: "NeueHaasUnicaW1G-Regular";
}
.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: 42px;
}
.reward-content-wraper .button-wraper .login-wraper .login-button,
.reward-content-wraper .button-wraper .sign-up-wraper .sign-up-button{
    text-underline-offset: 10px;
    text-wrap: nowrap;
}
.reward-content-wraper .button-wraper .login-wraper .login-button{
    padding-bottom: 5px;
}
.reward-content-wraper .button-wraper .sign-up-wraper .sign-up-button
{
   padding-top: 5px;
}

/* reward how it works section */

.reward_step_wrapper{
    display: flex;
    gap: 20px;
    width: 100%;
    justify-content: space-between;
    margin-top: 42px;
}
.reward_step_wrapper .step_block{
    display: grid;
    max-width: 156px;
    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: 14px;
    line-height: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: "NeueHaasUnicaW1G-Regular";
}

.reward_step_wrapper .step_block .sign-up-button{
    text-underline-offset: 10px;
    padding-bottom: 5px;
    font-family:"NeueHaasUnicaW1G-bold";
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: 333px;
}

.reward-hero-main .section-content {
    margin-top: 74px;
}

.reward-hero-main .description-text-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 10px;
    text-align: center;
    font-size: 14px;
}
.reward-hero-main .heading-with-background t{
    margin-left: 20px;
}

.reward-hero-main .heading-with-background {
    margin-left: 25px;
    background: rgb(255 255 255 / 20%);
    border-radius: 100px;
    padding: 5px 25px 5px 26px;
}

.reward-hero-main .button-wrapper {
    /* margin-top: 117px; */
    display: flex;
    flex-direction: column;
    gap: 29px;
    justify-content: center;
    align-items: center;
}

section.reward-hero-main.reward-section {
    position: relative;
    margin-top: -5px;
}

.h-full {
    height: 100%;
}

.reward-hero-main .button-with-link {
    padding-block: 5px 4px;
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    position: relative;
}
.reward-hero-main .button-with-link::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #fff;
  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: 12px;
    align-items: self-start;
    --tier-width: 287.5px;
}
.account-tiers .benefit-tier-items{
    gap: 10px;
}

.reward-content-wraper .section__header {
    margin-bottom: 42px;
    width: 100%;
}
.reward-content-wraper .benefit-tiers-content {
    width: 100%;
}

.benefit-tier-items .benefit-tier-item {
    border: 1px solid rgba(72, 41, 34, 0.70);
    width: calc((100% - 24px)/3);
}
.benefit-tier-items .benefit-tier-item .benefit-tier-item-content-inner{
    padding-inline: 20px;
    padding-bottom: 20px;
}

.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: 60px;
}
/* .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{
    font-family: "NeueHaasUnicaW1G-Regular";
    font-size: 14px;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    line-height: normal;
    letter-spacing: -1.05px;
    height: 21px;
}
.benefit-tier-items .benefit-tier-item .tier-points span{
    font-size: 10px;
    letter-spacing: -0.75px;    
    display: inline-flex;
}
.benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier-benefit_heading {
    font-family: "NeueHaasUnicaW1G-Regular";
    font-size: 14px;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    line-height: normal;
    letter-spacing: -1.05px;
    height: 20px;
    margin-bottom:15px;
}
.benefit-tier-items .benefit-tier-item .tier-description{
    margin-top: 10px;
    text-align: justify;
    padding-bottom: 28px;
}

.benefit-tier-items .benefit-tier-item .benefit-text-wrapper{
    /* margin-top: 28px; */
}
.benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text{
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.9px;
    line-height: 14px; 
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.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: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #482922;
    margin-right: 5px;
}
.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: 12px;
    grid-template-columns: 1fr 1fr 1fr;
}

.reward__point-section .reward-points-items .reward-point-item-wrapper {
    padding: 29px 20px;
    border: 1px solid;
    border-radius: 10px;
}
.reward__point-section .reward-points-items .reward-point-item-wrapper .point-text{
    font-size: 10px;
    font-style: normal;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
    line-height: 15px;
    margin-top: 10px;
    font-family: "NeueHaasUnicaW1G-Regular";
    
}
.reward__point-section .reward-points-items .reward-point-item-wrapper .point-heading{
    font-size: 14px;
    min-height: 42px;
    line-height: 21px;
    
}
.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: 12px;
    line-height: 18px;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
}
.reward__point-section .reward-points-items .reward-point-ith-link {
    grid-column: span 3;
    padding: 27px 20px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.reward__point-section .reward-points-items .reward-point-ith-link .point-link-button{
    line-height: 18px;
    padding-block: 5px;
    /* box-shadow: 0 1px 0 #482922; */
}
.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: 20px;
    }
}
.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/449;
}
@media screen and (min-width:999px){
    .reward-hero-main .image-wrapper video{
        height: 100%;
    }
}
@media screen and (max-width: 768px){
    .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: 24px;
    }
    .reward-contant-main {
        padding-inline: 0   ;
        /* margin-top: 30px;
        margin-bottom: 150px; */
        padding-top: 20px;
        padding-bottom: 150px;
    }
    
    .h1 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 30px !important;
    }
    .reward-subheading-wraper{
        margin-top: 30px;
    }
    .reward-subheading-wraper .reward-subheading{
        font-family: "NeueHaasUnicaW1G-Regular";
        font-size: 45px;
        font-style: normal;
        font-weight: 400;
        line-height: 38px;
    }
    .reward-contant-main .reward-subheading-wraper .reward-sub-description{
        font-size: 20px;
        line-height: 28px;
    }
    .reward_step_wrapper{
        flex-direction: column;
        width: 100%;
        gap: 32px;
        margin-top: 30px;
    }
    .reward_step_wrapper .step_block .steps-heading{
        font-size: 20px;
        line-height: 18px;
    }
    .reward_step_wrapper .step_block .steps-heading br{
        display: none;
    }
    .reward_step_wrapper .step_block .step-subtext{
        font-size: 12px;
        line-height: 18px;
        margin: 0;
        margin-top: 5px;
    }
    .reward_step_wrapper .step_block .wrapper-sub{
        display: flex;
        flex-direction: row;
        gap: 12px;
        justify-content: space-between;
        align-items: end;
    }
    .reward_step_wrapper .step_block .wrapper-sub .button-with-link{
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
    }
    .reward-content-wraper .button-wraper .sign-up-wraper, 
    .reward-content-wraper .button-wraper .login-wraper{
        justify-content: start;
        gap: 8px;
        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: 12px;
        line-height: 18px;
       
    }
    .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: 20px;
        align-items: start;
    }
    .reward__point-section .reward-points-items .reward-point-item-wrapper .point-heading{
        min-height: unset;
        font-size: 12px;
        line-height: 18px;
        max-width: 170px;
    }
    .reward__point-section .reward-points-items .reward-point-item-wrapper .point-content{
        flex-direction: row;
        width: 100%;
        gap: 5px;
    }
    .reward__point-section .reward-points-items .reward-point-item-wrapper .point-link-button{
        width: 100%;
        max-width: fit-content;
        padding-top: 5px;
    }
    .reward__point-section .reward-points-items .reward-point-item-wrapper .point-link-button .button-with-link{
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
    }
    .reward-content-wraper .reward-heading_desc-wraper:has(.reward-description) + .button-wraper{
        margin-top: 30px;
    }
    .reward__point-section .reward-points-items .reward-point-item-wrapper .point-text{
        margin: 0;
        font-size: 9px;
        line-height: 13px;
        text-wrap: nowrap;
        text-align: start;
        align-items: top;
        display: flex;
    }
    .reward__point-section .reward-points-items .reward-point-item-wrapper{
        padding: 20px;
        padding-block: 19px;
    }
    .benefit-tier-items{
        flex-wrap: wrap;
        gap: 20px;
    }
    .account-rewards .benefit-tier-items{
        flex-wrap: nowrap;
    }
    .reward-content-wraper .section__header{
        margin-bottom: 30px;
        padding-inline: 30px;
    }
    .reward-content-wraper .faq-content .heading-block{
        margin-top: 30px;
    }
    .reward-content-wraper .faq-content .heading-block:first-child{
        margin-top: 0;
    }
    .reward-content-wraper .faq-content .Faq__ItemWrapper{
        padding-bottom: 16px;
    }
    .reward-content-wraper .faq-content .Faq__Item{
        margin: 16px 0;
    }
    .reward-content-wraper .faq-content .Faq__Answer{
        padding-top: 0;
    }
    .reward-content-wraper .faq-content .section__header-description{
        margin-top: 16px;
    }
    .reward-hero-main .heading-with-background{
        margin: 0;
    }
    .reward-hero-main .description-text-content .heading-welcome{
        margin-right: 25px;
    }
    .reward-hero-main .description-text-content{
        font-size: 12px;
    }
    .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: 13px;
        font-size: 9px;
    } */
    /* .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text{
        gap: 10px;
        margin-top: 10px;
    } */
    .reward-content-wraper .faq-content .section__header-description{
        line-height: 18px;
        padding-bottom: 16px;
        font-size: 12px;
    }
}

@media screen and (max-width:640px){
    .reward__benefit-tier-section  .reward-content-wraper .reward-heading{
        font-size: 35px;
        line-height: 28px; /* 80% */
        letter-spacing: -2.625px;
    }
    .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: 20px 44px;
}

section.account-rewards{
    max-width: 945px;
    /* margin-block: 40px 150px; */
    margin-inline: auto;
    color: #482922;
    padding-inline: 30px;
    position: relative;
    z-index: 1;
}
section.account-rewards.account-tiers {
    max-width: 943px;
}


section.reward-account-page-hero .customer-name{
    font-family: "NeueHaasUnicaW1G-Regular";
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -1.05px;
    padding-bottom: 20px;
}
section.reward-account-page-hero .section__header{
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 728px;
    padding-inline: 30px;
    margin-inline: auto;
}
section.reward-account-page-hero .section__header .section-subheading{
    font-size: 30px;
    line-height: 44px;
    margin-bottom: 0;
    font-family: "NeueHaasUnicaW1G-Regular";
}

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;
}
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: -40.55px;
    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: -30px;
    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-family: "NeueHaasUnicaW1G-Regular";
    font-size: 80px;
    font-style: normal;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    line-height: normal;
    height: 120px;
    margin-top: -32.45px;
    display: flex;
    align-items: center;
    text-wrap: nowrap;
    letter-spacing: -6px;
}
.tier-progress-bar-item-wrapper {
    display: flex;
    justify-content: space-between;
    /* max-width: 315px; */
    margin: 0 auto;
    border-radius: 7.395px;
    border: 0.74px solid #482922;
    height: 12px;
    position: relative;
    margin-top: 26px;
    max-width: 660px;
}

.tier-progress-bar-item-wrapper span.tier-name {
    position: absolute;
    bottom: 100%;
    right: 0;
    width: 100%;
    font-family: ABeeZee, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 100% */
    letter-spacing: -0.9px;
    text-transform: capitalize;
    padding-bottom: 11px;
}

.js-tier-name.progress-item {
    position: relative;
    flex: 1;
}

#loyaltylion {
    --color-white: #fff;
    --color-primary-main: #482922;
    --color-background: #FFF9EF;
}
#loyaltylion .lion-rewards-list, #loyaltylion .lion-rules-list {
    all: unset;
    gap: 13px;
    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: 15px;
}
#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 #fff; */
    grid-column: 2;
    grid-row: 2;
    background-color: var(--color-primary-main);
    width: 100%;
    height: 100%;
    align-items: center;
    padding-right: 8px;
    position: unset;
}
#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: 14px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -1.05px;
    color: var(--color-white);
    text-transform: capitalize;
    text-decoration: underline;
    text-underline-offset: 3px;
    position: relative;
}
#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,156px) minmax(0, 131px);
    grid-template-rows:minmax(0,350px) 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: 286px;
}
#loyaltylion .lion-rule-item__content{
    display: grid;
    grid-template-columns: minmax(0, 156px) minmax(0, 131px);
    grid-template-rows: minmax(0, 350px) 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: 585px;
}

#loyaltylion .lion-reward-item__content, #loyaltylion .lion-rule-item__content {
    padding: 0;
    box-shadow: none;
    border: 1px solid var(--color-primary-main);
    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, 318px) minmax(0, 268px);
}
#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;
}
#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: 28.5px;
}
#loyaltylion .lion-reward-item__content .lion-reward-item__actions{
    margin: 0;
    position: absolute;
    right: 20px;
    bottom: 28.5px;
    box-shadow: 0 1px 0 rgba(72, 41, 34, 0.20);
    padding-block: 5px;
}
#loyaltylion .lion-reward-item__actions:not(:empty), #loyaltylion .lion-rule-item__actions:not(:empty) {
    justify-content: end;
    font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-reward-item__content, #loyaltylion .lion-rule-item__content{
    box-shadow: none;
    border: 1px solid var(--color-primary-main);
}
.lion-referral-modal--more:empty{
    display: none;
}
#loyaltylion .lion-referral-modal--header,
#loyaltylion .lion-referral-modal--header h1{
    padding: 0;
    font-size: 16px;
    font-style: normal;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    line-height: 18px;
    letter-spacing: -1.2px;
    text-align: left;
    color: var(--color-primary-main);
}
#loyaltylion .lion-referral-modal--header{ 
    height: 32px;
    border-bottom: 1px solid #482922;
    margin-bottom: 8px;
}

#loyaltylion .lion-action-button{
    border: none;
    padding: 5px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -1.05px;
    min-height: 34px;
    /* 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: 14px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: -1.05px;
    color: #fff;
    text-transform: capitalize;
    min-height: unset;
    text-decoration: underline;
    text-underline-offset: 2px;
    position: relative;
}
#loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile .lion-rule-item__limit-reached::before{
    background-color: #fff;
}
#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;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--color-white);
    transform: scaleX(0);
    transition: transform .25s ease-out;
}
#loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile::after{
    bottom: -1px;
}
#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;
}
#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: 8px;
    bottom: 39.5px;
    /* box-shadow: 0 1px #fff; */
    /* padding-block: 0; */
    grid-column: 2;
    grid-row: 2;
    background-color: var(--color-primary-main);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 8px;
 }
#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, #loyaltylion .lion-rule-item__title{
   font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    padding: 8px;
    font-family: "NeueHaasUnicaW1G-Regular";
    color: var(--color-white);
    background-color: var(--color-primary-main);
    display: flex;
    justify-content: start;
    width: 100%;
    /* 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: 14px;
    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: 10px;
    bottom: 39.5px;
    /* box-shadow: 0 1px var(--color-white); */
    text-transform: capitalize;
    grid-column: 2;
    grid-row: 2;
    background: var(--color-primary-main);
    height: 100%;
    align-items: center;
    display: flex;
    padding-block: 8px;
    justify-content: end;
    padding-right: 8px;
}
#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: 1px;
    color: var(--color-white);
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -1.05px;
    min-height: unset;
    text-transform: capitalize;
    position: relative;

}
#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: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: 14px;
    margin: 0;
    line-height: 14px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 8px 7px 7px 8px;
    width: 100%;
    background-color: var(--color-background);
    color: var(--color-primary-main);
    display: flex;
    justify-content: start;
    align-items: center;
    order: 7;
}
#loyaltylion .lion-rewards-list .lion-reward-item__meta .lion-reward-item__cost .text{
    text-transform: capitalize;
}
#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;
}
#loyaltylion .lion-rules-list .lion-rule-item__points .value{
    position: relative;
}
#loyaltylion .lion-rules-list .lion-rule-item__points span.value:before{
    content: "+";
    position: absolute;
    /* top: -2px; */
    left: -5px;
    font-size: 10px;
    line-height: 15px;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
}
#loyaltylion .lion-rules-list .lion-rule-item__points .text{
    text-transform: capitalize;
}
#loyaltylion .lion-rules-list .lion-rule-item__points{
        background-color: var(--color-background);
    color: var(--color-primary-main);
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 8px;
    padding-left: 13px;
    width: 100%;
    order: 6;
    grid-column: 1 / -1;
}
#loyaltylion .lion-screen--light{
    background: rgba(255, 249, 239, 0.90);
}
#loyaltylion .lion-reward-item__meta .lion-reward-item__cost,
#loyaltylion .lion-rule-item__points{
    font-family: "NeueHaasUnicaW1G-Regular"; 
    
    font-size: 10px;
    line-height: 15px;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
    margin-top: 10px;
    color: #482922;
}
#loyaltylion .lion-reward-item__actions:not(:empty), 
#loyaltylion .lion-rule-item__actions:not(:empty){
    margin: 0;
    position: absolute;
    right: 20px;
    bottom: 28.5px;
    box-shadow: 0 1px 0 #482922;
    padding-block: 8px;
}
#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: 1px solid var(--color-primary-main);
}
#loyaltylion .lion-reward-item__actions:has(.lion-action-button--disabled),
#loyaltylion .lion-rule-item__actions:has(.lion-action-button--disabled){
    box-shadow: 0 1px 0 rgba(72, 41, 34, 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: 5px;
    padding: 0;
    font-size: 12px;
    line-height: 18px;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    
    color: #482922;
}

.lion-reward-item__icon, #loyaltylion .lion-rule-item__icon {
    display: none !important;
}

#loyaltylion .lion-claimed-rewards-list{
    padding: 0;
    gap: 13px;
    background-color: transparent;
    grid-template-columns: repeat(3, 1fr);
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item{
    box-shadow: 0 0 0 1px var(--color-primary-main);
    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;

}
#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: 14px;
    line-height: 14px;
    font-weight: 400;
    padding: 8px;
    padding-right: 105px;
    letter-spacing: -1.05px;
    font-family: "NeueHaasUnicaW1G-Regular";
    color: var(--color-white);
    background-color: var(--color-primary-main);
}
#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: -52px;
    left: -55.45px;
    bottom: 0;
    font-family:"NeueHaasUnicaW1G-Regular";
    color: var(--color-white);
    display: flex;
    width: 100%;
    text-wrap: nowrap;
    text-underline-offset: 5px;
    padding: 0;
    font-size: 14px;
    letter-spacing: -1.05px;
    line-height: 14px;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 1px;
}
#loyaltylion .lion-claimed-reward-item__chevron::after{
    content: "";
    height: 1px;
    width: 46px;
    left: -55.45px;
    /* background-color: var(--color-white); */
    position: absolute;
    bottom: 38px;
    transform: scaleX(0);
    transition: transform .25s ease-out;
    border-bottom: 1px 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-family: "NeueHaasUnicaW1G-Regular";
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    padding: 8px;
    text-transform: capitalize;
    letter-spacing: -1.05px;
    color: var(--color-primary-main);
    background-color: var(--color-background);
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .lion-claimed-reward-item__icon{
    display: none;
}
@media screen and (max-width: 768px){
    /* #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-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;
    }
    #loyaltylion .lion-rule-item__content.two-column-layout{
        grid-template-columns: minmax(300px,1fr) minmax(60px,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: 8px !important;
        left: unset;
        width: 100%;
        justify-content: 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: 12px;
        letter-spacing: -0.9px;
    }
    #loyaltylion .lion-reward-item .lion-reward-item__links{
        right: 8px;
        bottom: 38.5px;
    }
    #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: 12px;
        line-height: 14px;
        font-weight: 400;
        letter-spacing: -0.9px;
    }
    #loyaltylion .lion-claimed-reward-item__chevron:before{
        top: -51px;
    }
    #loyaltylion .lion-claimed-reward-item__chevron:after{
        width: 41px;
    }

    #loyaltylion .lion-claimed-reward-item__chevron::before,
    #loyaltylion .lion-claimed-reward-item__chevron::after{
       left: -49.45px;
    }
    #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% - 60px);
        object-position: top;
    }
    #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: 30px;
    }
    .account-rewards .account-reward-heading{
        padding-inline: 30px;
    }
    #loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .lion-claimed-reward-item__left .lion-claimed-reward-item__date{
        margin: 0;
    }
    
}
/* popup design rewards landing page */
#loyaltylion .lion-modal{
    border: 1px solid var(--color-primary-main);
    box-shadow: none;
    border-radius: 0;
    background: var(--color-background);
    padding: 19px;
    max-width: 316px;
    display: flex;
    flex-direction: column;
}
#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: 12px;
}
#loyaltylion .lion-referral-modal--incentive--message{
    margin-bottom: 24px;
    padding: 0;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px; 
    letter-spacing: -0.9px;
    color: var(--color-primary-main);
        font-family:"NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-reward-code{
    width: 100%;
}
#loyaltylion .lion-modal__close-button{
    height: 24px;
    width: 24px;
    top: 20px;
    right: 20px;
    opacity: 1;
    color: var(--color-primary-main);
}
#loyaltylion .lion-modal__close-button:focus-visible{
    outline: none;
}
#loyaltylion .lion-modal__header{
    border-bottom: none;
    border-radius: 10px;
    background: transparent;
}
#loyaltylion .lion-modal__header .lion-modal__title{
    padding-top: 0;
    padding-bottom: 14px;
    padding-inline: 0;
    padding-right: 36px;
    color: var(--color-primary-main);
    font-size: 16px;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    line-height: 18px;
    font-family: "NeueHaasUnicaW1G-Regular";
    border-bottom: 1px solid var(--color-primary-main);
    letter-spacing: -1.2px;
    margin-bottom: 8px;
}
#loyaltylion .lion-history-info-modal-content__basic{
    padding: 0;
    padding-top: 12px;
}
#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: 12px;
    font-weight: 400;
    line-height: 14px; 
    letter-spacing: -0.9px;
    color: var(--color-primary-main);
    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: 12px;
    font-weight: 400;
    line-height: 14px;
    font-family: "NeueHaasUnicaW1G-Regular";
    letter-spacing: -0.9px;
    margin: 0;
    padding-left: 4px;
    position: relative;
    color: var(--color-primary-main);
}
#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: -12px;
    left: 0;
    font-size: 8px;
    letter-spacing: -0.6px;
    font-weight: 400;
    line-height: 12px;
    font-family: "NeueHaasUnicaW1G-Regular";
    color: var(--color-primary-main);
}
#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: 10px;
    font-style: normal;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
    line-height: 15px;
    font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__state-bubble{
   margin-left: 35px;
    position: unset !important;
    font-size: 12px;
    font-style: normal;
    line-height: 14px;
    font-weight: 400;
    color: var(--color-primary-main);
    letter-spacing: -0.9px;
    font-family: "NeueHaasUnicaW1G-Regular";
    background: transparent;
    border-radius: 0;
    align-items: center;
    text-align: center;
    display: flex;

}
#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: 8px;
    letter-spacing: -0.6px;
    font-weight: 400;
    line-height: 12px;
    font-family: "NeueHaasUnicaW1G-Regular";
    color: var(--color-primary-main);
}
#loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__info .lion-history-info-modal-content__date{
    order: -1;
    font-family: "NeueHaasUnicaW1G-Regular";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.9px;
    line-height: 14px;
    color: var(--color-primary-main);
    text-transform: lowercase;
    margin-left: 3px;
    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: 3px;
    padding-top: 1px;
}
#loyaltylion .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button--confirm{
    background-color: #482922;
    padding-bottom: 3px;
    padding-top: 1px;
}
 #loyaltylion .lion-birthday-entry-form .lion-action-button{
     font-family: "NeueHaasUnicaW1G-Regular";
    display: flex;
    background: var(--color-primary-main);
    color: var(--color-white);
    padding-block: 5px;
    width: 100%;
    border-radius: 0;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -1.05px;
    margin-top: 8px;
 }
#loyaltylion .lion-action-button:active{
    box-shadow: none;
    background: transparent;
    color: #482922;
}
#loyaltylion .lion-redeem-reward-modal__confirm-summary,
#loyaltylion .lion-modal__content .lion-action-modal__description,
#loyaltylion .lion-birthday-action .lion-birthday-action__help{
    color: var(--color-primary-main);
    font-family: "NeueHaasUnicaW1G-Regular";
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: -0.9px;
    text-align: left;
}
#loyaltylion .lion-modal--history-info,
#loyaltylion .lion-modal--small{
    max-width: 316px;
}
#loyaltylion .lion-modal__content--no-padding .lion-history-info-modal-content{
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
}
#loyaltylion .lion-history-info-modal-content__comment .lion-reward-code{
    margin: 0;
    width:100%;
}
#loyaltylion .lion-reward-code .lion-reward-code__code{
    font-family: "NeueHaasUnicaW1G-Regular";
    font-size: 12px;
    font-style: normal;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    line-height: 14px;
    background-color: transparent;
    color: var(--color-primary-main);
    border: 1px dashed var(--color-primary-main);
    border-radius: 10px;
    width: 100%;
    padding: 9px 19px;
    margin: 0;
}
#loyaltylion .lion-reward-code .lion-copy-to-clipboard-button{
    position: absolute;
    opacity: 0;
    width: 100%;
    max-width: 276px;
    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: 768px){
   
    #loyaltylion .lion-history-info-modal-content__basic{
        padding-top: 19px;
    }
   
}
.tier-progress-wrapper {
    position: relative;
}

.js-tier-name.progress-item .tier-progress-wrapper {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #1c1c1c;
    border-radius: 50%;
    top: 50%;
    transform: translate(0, -50%);
    left: 68px;
}


.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: 68px;
}

.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: #482922;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.tier-progress-bar-item-wrapper::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 100%;
    border-radius: 50%;
    left: calc(var(--width) - 5px);
    z-index: 1;
    background-color: #482922;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4" fill="none"><path d="M4 2C4 3.10457 3.10457 4 2 4C0.895431 4 0 3.10457 0 2C0 1.03242 0.687104 0.225315 1.6 0.0400072C1.72924 0.0137721 1.86301 0 2 0C3.10457 0 4 0.895431 4 2Z" fill="white"/></svg>');
    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: 4px;
    overflow: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x;
}
.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(72, 41, 34, .2);
    left: 0;
    width:100%;
}
.reward-page-menu ul.reward-tabs::-webkit-scrollbar {
    display: none;
}
.reward-page-menu ul.reward-tabs li{
    padding: 10px;
    padding-block: 10.5px;
    font-size: 14px;
    line-height: 14px;
    font-family: "NeueHaasUnicaW1G-Regular";
}
.reward-page-menu ul.reward-tabs li:has(a.reward-tab.active) {
    border-bottom: 1px solid;
    font-family: "NeueHaasUnicaW1G-Regular";
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
}
.account-tiers .benefit-tier-items .benefit-tier-item .tier-description{
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    font-family: "NeueHaasUnicaW1G-Regular";
    padding-inline: 20px;
}
.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: 20px;
    padding-block-end: 20px;
}
.account-tiers .benefit-tier-items .benefit-tier-item .tier-points{
    line-height: 24px;
    padding-inline: 20px;
}
.account-tiers .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier-benefit_heading{
    line-height: 15px;
    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:23px;
}
.js-tier-name.progress-item[data-tier="3"] span.tier-name{
    margin-right: 33px;
}
.tier-progress-bar-items .progress-reached-text {
    display: flex;
    flex-direction: column;
    max-width: 660px;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    padding-top: 10px;
}
.tier-progress-bar-items .progress-reached-text .reached-heading{
    font-family: "NeueHaasUnicaW1G-Regular";
    /* margin-left: calc(var(--width) - 47px); */
    font-size: 14px;
    font-style: normal;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    line-height: normal;
    letter-spacing: -1.05px;

}
.tier-progress-bar-items .progress-reached-text .reached-away-text{
    font-family:"NeueHaasUnicaW1G-Regular";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 116.667% */
    letter-spacing: -0.9px;
}

.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: 24px;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
}
.tier-progress-bar-items .progress-reached-text[tier="3"] .reached-away-text{
    display: none;
}

.availabe-points-wrapper{
    font-family:"NeueHaasUnicaW1G-Regular";
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    max-width: 728px;
    padding-inline: 34px;
    margin-inline: auto;
    padding-bottom: 67px;
}
.availabe-points-wrapper .available-text{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 100% */
    letter-spacing: -1.05px;
}
.availabe-points-wrapper .avalilabe-points{

    font-family: "NeueHaasUnicaW1G-Regular";
    /* line-height: 69px; */
    font-size: 45px;
    font-style: normal;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    line-height: 38px; /* 84.444% */
    letter-spacing: -3.375px;
    height: 46px;
    margin-block: 12px;

}
.availabe-points-wrapper .avalilabe-points span{
    text-transform: lowercase;
}
.availabe-points-wrapper .avalilabe-points .js-total-points,
.availabe-points-wrapper .avalilabe-points .js-total-points span{
    font-size: 45px;
    font-style: normal;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    line-height: 38px;
    letter-spacing: -3.375px;
}
.availabe-points-wrapper .pending-points{
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -1.05px;
}
.availabe-points-wrapper .pending-points span{
    text-transform: lowercase;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;   
    letter-spacing: -1.05px;
}
section.account-rewards.account-reward-menu{
    margin: 0;
    margin-top: 44px;
    margin-inline: auto;
}

@media screen and (min-width: 769px) 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 {
    font-family: "NeueHaasUnicaW1G-Regular";
    font-size: 35px;
    font-weight: 400;
    line-height: 28px; /* 80% */
    letter-spacing: -2.625px;
    margin-bottom: 12px;
    color: var(--color-primary-main);
}
.account-rewards .account-reward-description{
    font-family: "NeueHaasUnicaW1G-Regular";
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 20px;
    color: var(--color-primary-main);
    letter-spacing: -0.9px;
}
#loyaltylion .lion-history-table tbody tr:first-child td{
    padding-top: 5px;
}
.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:640px){
    .account-rewards.account-tiers .benefit-tier-items .benefit-tier-item{
        border: 1px solid  #482922;
    }
    .account-rewards.account-tiers .benefit-tier-item-content .h-full{
        aspect-ratio: 343/449;
    }
    .account-rewards.account-tiers  .benefit-tier-items{
        gap: 8px;
    }
}
/* table css account page  */


#loyaltylion .lion-history-table{
    border: 1px solid #482922;
    border-radius: 0;
    overflow: hidden;
    border-collapse: inherit;
    /* padding-block: 10px 20px;
    padding-bottom: 15px; */
}
#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: 10px;
    font-style: normal;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    line-height: 12px;
    font-family: "NeueHaasUnicaW1G-Regular";
    position: relative;
}
#loyaltylion .lion-history-table tbody tr{
    font-family: "NeueHaasUnicaW1G-Regular";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    position: relative;
}

 #loyaltylion .lion-history-table thead th{
    /* border-bottom: 1px solid #482922; */
    font-size: 12px;
    line-height: 14px;
    width: 23%;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    color: #482922;
    padding-inline: 10px;
    text-align: start;
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase   ;
    letter-spacing: -.9px;
 }
 #loyaltylion .lion-history-table thead tr:first-child::before{
    content: "";
    position: absolute;
    background: #482922;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
 }
 #loyaltylion .lion-history-table__row-cell,
 #loyaltylion .lion-history-table th{
    padding-inline: 25px;
 }
 #loyaltylion .lion-history-table__row{
    background-color: inherit;
 }
 #loyaltylion .lion-history-table td{
    padding-block: 10px 5px;
    font-family: "NeueHaasUnicaW1G-Regular";
    /* padding-bottom: 5px; */
    width: 23%;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    text-align: start;
    text-transform: lowercase;
    color: #482922;
    padding-inline: 10px;
 }
#loyaltylion .lion-history-table tbody tr{
    display: flex;
    justify-content: space-between;
    gap: 5px;
    padding-inline: 10px;
}
#loyaltylion .lion-history-table thead tr{
    display: flex;
    justify-content: space-between;
    gap: 5px;
    padding-inline: 10px;
}
#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: 62px;
}
#loyaltylion .lion-history-table tbody tr td:nth-child(2),
#loyaltylion .lion-history-table thead tr th:nth-child(2){
    min-width: 67px;
}
#loyaltylion .lion-history-table tbody tr td:nth-child(3),
#loyaltylion .lion-history-table thead tr th:nth-child(3){
    min-width: 181px;
}
 #loyaltylion .lion-history-table tbody tr td:nth-child(4),
#loyaltylion .lion-history-table thead tr th:nth-child(4){
    min-width: 42px;
}
 #loyaltylion .lion-history-table__row-cell:last-child,
 #loyaltylion .lion-history-table th:last-child{
    min-width: 55px;
 }

@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: 48px;
    }
    #loyaltylion .lion-history-table tbody tr td:nth-child(2),
    #loyaltylion .lion-history-table thead tr th:nth-child(2){
        min-width: 67px;
    }
    #loyaltylion .lion-history-table tbody tr ,
    #loyaltylion .lion-history-table thead tr{
        justify-content: unset;
        gap: 14px;
    }
    #loyaltylion .lion-history-table tbody tr td:nth-child(3),
    #loyaltylion .lion-history-table thead tr th:nth-child(3){
        min-width: 124px;
    }
    #loyaltylion .lion-history-table tbody tr td:nth-child(4),
    #loyaltylion .lion-history-table thead tr th:nth-child(4){
        min-width: 56px;
        padding-right: 21px;
    }
    #loyaltylion .lion-history-table tbody tr td:last-child,
    #loyaltylion .lion-history-table thead tr th:last-child{
        min-width: 45px;
    }
    #loyaltylion .lion-history-table tbody tr,
    #loyaltylion .lion-history-table thead tr{
        padding-inline: 30px;
    }

    #loyaltylion .lion-history-table thead th{
        text-transform: capitalize;
    }
    #loyaltylion .lion-history-table tbody tr td{
        font-size: 10px;
        line-height: normal;
        letter-spacing: -0.75px;
    }
    .account-rewards .account-reward-description{
        margin-bottom: 20px;
    }
    #loyaltylion .lion-history-table tbody tr:first-child td{
        padding-top: 9px;
    }
    #loyaltylion .lion-history-table{
        border-inline: none;
    }
}
 #loyaltylion .lion-history-table tbody tr:last-child td{
    padding-bottom: 15px;
}
 #loyaltylion .lion-history-table__row .lion-history-state-bubble--approved{
    opacity: 1;
    color: #176D00;
    text-transform: lowercase;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.9px;
 }
 #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:7px;
    font-family: "NeueHaasUnicaW1G-Regular";
}
 .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{
    font-family: "NeueHaasUnicaW1G-Regular";
 }
 #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;
    font-family: "NeueHaasUnicaW1G-Regular";
    box-shadow: 0 0 0 1px var(--color-primary-main);
    font-size: 14px;
    line-height: 14px;
    border: none;
    color: var(--color-primary-main);
    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: 13px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
 }
  #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;
 }
  #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: var(--color-primary-main);
        color: var(--color-white);
        font-size: 14px;
        line-height: 14px;
        font-weight: 400;
        letter-spacing: -1.05px;
        align-items: center;
    }
    #loyaltylion .lion-claimed-rewards-list--empty .reward-original-content{
        display: flex;
        width: 100%;
        justify-content: start;
        align-items: center;
        color: var(--color-primary-main);
        background-color: transparent;
        padding: 8px;
    }
    #loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-button{
        text-decoration: underline;
        text-underline-offset: 1px;
        text-transform: capitalize;
        position: relative;
        margin-right: 8px;
    }

    #loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-button::after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: var(--color-white);
        transform: scaleX(0);
        transition: transform .25s ease-out;
    }
   #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: 8px;
    padding-right: 0;
  }

 .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(72, 41, 34, 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: #482922;
    font-family: "NeueHaasUnicaW1G-Regular";
    font-size: 10px;
    line-height: 15px;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
}

@media screen and (max-width: 768px){
    #loyaltylion .lion-history-table__row .lion-history-state-bubble--approved{
        font-size: 10px;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: -0.75px;
    }
    .availabe-points-wrapper .avalilabe-points{
        height: 38px;
    }
    #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: 12px;
        line-height: 14px;
        letter-spacing: -0.9px;
    }
    #loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper{
        gap: 8px;
        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:has(a.reward-tab.active) {
        line-height: 21px;
    }
    #loyaltylion .lion-reward-item--checkout-redemption .lion-reward-item__content .lion-reward-item__meta{
        position: absolute;
        bottom: 20px;
        color: #482922;
     }
    .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: 4px;
        width: 100%;
        padding-left: 9px;
    }
    .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: 21px;
    }
    .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: 14px;
        font-style: normal;
        font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
        line-height: normal;
        letter-spacing: -1.05px;
    }
    .tier-progress-bar-items .progress-reached-text[tier="2"] .reached-away-text{
             max-width: 100%;
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.6px;
        text-transform: uppercase;
    }
    .tier-progress-bar-items .progress-reached-text[tier="3"] .reached-heading{
        max-width: 47px;
        display: flex;
        text-align: center !important;
        margin-right: 9.23px;
        line-height: 10px !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: 13px;
    }
    #loyaltylion .lion-claimed-rewards-list
    {
        gap: 8px;   
        row-gap: 12px;
        grid-template-columns: repeat(2, 1fr);
    }
     .claimed-rewards-list-items #loyaltylion:has(.lion-claimed-rewards-list--empty){
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;   
        row-gap: 12px;
     }
    .tier-progress-bar-items .progress-reached-text,
    .tier-progress-bar-item-wrapper{
        max-width: 313.45px;
    }
    .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: 7px;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.75px;
    }
    .tier-progress-bar-items .progress-reached-text{
        padding-top: 7px;

    }
    .js-tier-name.progress-item .tier-progress-wrapper{
        left: 18.5px;
    }
    .js-tier-name.progress-item[data-tier="3"] .tier-progress-wrapper{
        right: 18px;
    }
    .js-tier-name.progress-item .tier-progress-wrapper{
        left: 14px;
    }
    .tier-progress-bar-items .progress-reached-text .reached-away-text{
        font-size: 8px;
        line-height: 10px;
        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: 12px;
        line-height: 18px;
        font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
    }
    .tier-progress-bar-item-wrapper::before {
        width: 11px;
        height: 12px;
        border-radius: 50%;
    }
    .tier-progress-bar-item-wrapper::after{
        height: 12px;
    }
    .tier-progress-bar-item-wrapper{
        height: 13px;
    }
    .reward-page-menu ul.reward-tabs li{
        padding: 14px;
    }
    .account-rewards.account-reward-menu.sticky{
        margin-inline: auto;
        width: 100%;
        max-width: unset;
    }
    section.reward-account-page-hero .customer-name{
        font-size: 12px;
        line-height: 14px;
        padding-bottom: 12px;
    }
    section.reward-account-page-hero .section__header{
        margin-top: 30px;
        padding-inline: 8.5px;
    }
    section.reward-account-page-hero{
        margin-block: 20px 67px;
    }
    /* section.account-rewards{
        margin-block: 17px 100px;
    } */
    section.reward-account-page-hero .account-hero-contemt-wrapper .tab_figure{
        margin-top: -23px;
    }
    .reward-account-page-hero .tier-progress-bar-items .availabe-points-wrapper{
        margin-top: 12px;
        padding-bottom: 40px;
    }
    section.reward-account-page-hero .section__header .section-subheading{
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }
    section.reward-account-page-hero .section__header .tier-heading{
       font-size: 60px;
        font-style: normal;
        font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
        line-height: normal;
        letter-spacing: -4.5px;
        height: 90px;
    }
    .tier-progress-bar-item-wrapper span.tier-name{
        font-size: 10px;
        line-height: 12px;
        padding-bottom: 7px;
    }
    .tier-progress-bar-item-wrapper{
        margin-top: 20px;
    }
    .availabe-points-wrapper .available-text{
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px; /* 116.667% */
        letter-spacing: -0.9px;
    }
    /* .availabe-points-wrapper .avalilabe-points{
        font-size: 26px;
        line-height: 38px;
    } */
    .account-rewards .account-reward-heading{
        font-size: 24px;
        line-height: 24px;
        letter-spacing: -1.8px;
        margin-bottom: 8px;
    }
    .account-rewards .account-reward-description{
        font-size: 10px;
        line-height: 15px;
        letter-spacing: -0.75px;
    }
    #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: #482922;
        text-align: start;
        font-size: 12px;
        padding-top: 9px;
        padding-bottom: 7px;
        width: fit-content;
    }
    #loyaltylion .lion-history-table thead th{
        padding-inline: 7px;
        padding-bottom: 7px;
        padding-top: 12px;
    }

    #loyaltylion .lion-reward-item__actions:not(:empty), #loyaltylion .lion-rule-item__actions:not(:empty){
        left: 20px;
        bottom: 20px;
        box-shadow: 0 1px #482922;
        padding-block: 5px;
        justify-content: flex-start;
        /* max-width: fit-content; */
        font-size: 12px;
        line-height: 18px;
        font-family:"NeueHaasUnicaW1G-bold";
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__meta,
    #loyaltylion .lion-rule-item__points{
        margin-top: 0;
    }
    #loyaltylion .lion-reward-item__meta{
        font-size: 9px;
        line-height: 13px;
        font-family:"NeueHaasUnicaW1G-bold";
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: 9px;
        line-height: 13px;
        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 1px #48292233;
    }
    #loyaltylion .lion-reward-item__content, #loyaltylion .lion-rule-item__content{
        gap: 8px;
        row-gap: 12px;
        flex-direction: column;
        align-items: start;
        gap: 0;
    }
    #loyaltylion .lion-rule-item__content .lion-rule-item__actions:not(:empty){
        left: unset;
    }
    #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: 8px;
        row-gap: 12px;
        grid-template-columns: repeat(2, 1fr);
    }
    .benefit-tier-items{
        --tier-width: 345px;
    }    
    #loyaltylion .lion-history-table th{
        line-height: 10px;
        padding-inline: 7px;
        padding-block: 0 8.75px;
    }
    #loyaltylion .lion-history-table__row-cell{
        padding-inline: 7px;
        padding-block: 11.8px 4.8px;
    }
   
    #loyaltylion .lion-history-table__row-cell:first-child,
    #loyaltylion .lion-history-table th:first-child,
    #loyaltylion .lion-history-table td:first-child{
       padding-left: 30px;
    }
    .account-rewards .reward-content-wraper .faq-content .Faq__ItemWrapper{
        padding-bottom: 14px;
    }
    #loyaltylion .lion-history-table tbody tr:last-child td{
        padding-bottom: 12px;
    }
    #loyaltylion .lion-history-table tbody  td{
           padding-inline: 5px;
    }
   
    #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%;    
    }
    .account-rewards .reward-content-wraper .faq-content .section__header-description{
        font-size: 10px;
        line-height: 12px;
        font-weight: 400;
        
        margin-top: 14px;
    }
   
    .account-rewards .reward-content-wraper .faq-content .heading-block{
        font-size: 12px;
        line-height: 18px;
        font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
    }
    .account-rewards.reward__faq-section .Faq__Question{
        font-size: 10px;
        line-height: 12px;
    }
    .account-rewards.account-tiers .account-reward-heading,
    .account-rewards.account-tiers .account-reward-description{
        padding-inline: 30px;
    }
     .account-rewards.account-tiers .account-reward-description{
        margin-bottom: 40px;
     }
     .account-rewards.reward-history .account-reward-description{
        margin-bottom: 30px;
     }
    section.account-rewards.account-tiers{
        padding-inline: 0;
    }
    .benefit-tiers-content.swiper{
        margin-left: -600px;
    }
    .account-rewards.account-tiers .benefit-tier-items{
        padding-inline: 600px;
        overflow: scroll;
    }
    .account-rewards.account-tiers .benefit-tier-items::-webkit-scrollbar{
        display: none;
    }
    section.account-rewards.reward__faq-section{
        margin-bottom: 160px;
    }
}


.reward-page-menu.shopify-section.sticky-menu > section{
    position: fixed;
    top: 0;
    margin: 0;
    margin-inline: calc((100% - 945px) / 2);
    width: 100%; /* Ensure it spans the full width */
    background: #FFF9EF;
}
.reward-page-menu.shopify-section.sticky-menu > .extra-section{
    padding-top: 35px;
}

/* .reward-page-menu.shopify-section.sticky-menu >* section.account-rewards{
    margin-top: 0;
    padding-top: 75px;
    margin-bottom: 75px;
} */

.shopify-section section.reward__faq-section.account-rewards{
    padding-top: 75px;
    margin-top: 0;
}
.reward-page-menu.shopify-section.sticky-menu >* section.account-rewards.account-reward-menu{
    padding-top: 0;
}


@media screen and (max-width:768px){
    /* .reward-page-menu.shopify-section.sticky-menu >* section.account-rewards{
        margin-top: 0;
        padding-top: 75px;
        margin-bottom: 25px;
    } */

    .shopify-section section.reward__faq-section.account-rewards{
        padding-top: 75px;
    }
    
    .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-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    /* line-height: normal; */
    letter-spacing: -0.9px;
    text-transform: uppercase;
}
#loyaltylion .lion-modal{
    border: 1px solid var(--color-primary-main);
    border-radius: 0;
}
#loyaltylion .lion-referral-modal--incentive--code .lion-reward-code .lion-copy-to-clipboard-button {
    max-width: 276px;
}
#loyaltylion .lion-referral-modal--continue{
    padding: 0 !important;
}
#loyaltylion .lion-referral-modal--continue .lion-action-button{
    border-radius: 0;
    background: var(--color-primary-main);
    color: var(--color-white);
    font-family:"NeueHaasUnicaW1G-Regular";
    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: 36px;
    font-family:"NeueHaasUnicaW1G-Regular";
}
#loyaltylion #lion-loyalty-panel-custom-css .lion-modal__content:has(.lion-referral-modal--header) .rule-image-wrapper{
    order: 8;
    margin-bottom: 8px;
}
#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: 276px;
   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: 12px;
}
#loyaltylion #lion-loyalty-panel-custom-css .lion-modal--rule-action .rule-image-wrapper {
    margin-bottom: 12px;
}
#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: 8px;
    font-weight: 400;
    line-height: 12px;
    position: absolute;
    bottom: -38px;
    right: 0;
    display: flex;
    max-width: 53px;
    text-transform: uppercase;
    letter-spacing: -0.6px;
    font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-history-info-modal-content__comment-min-spend{
    font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-modal__close-button{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' 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: 316px;
}
#loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__confirm-summary{
    font-size: 14px;
    line-height: 14px;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    letter-spacing: -1.05px;
    margin-bottom: 6px;
    color: var(--color-primary-main);
    display: flex;
    align-items: center;
    font-family: "NeueHaasUnicaW1G-Regular";
}
#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: 14px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.9px;
    color: var(--color-primary-main);
    font-family: "NeueHaasUnicaW1G-Regular";   
}
#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: 12px;
    justify-content: start;
    font-weight: 400;
    line-height: 14px; /* 116.667% */
    letter-spacing: -0.9px;
    color: var(--color-primary-main);
    padding: 0;
    display: flex;
    font-family: "NeueHaasUnicaW1G-Regular";
}
#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: 12px;
    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: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -1.05px;
    background-color: var(--color-primary-main);
    color: var(--color-white);
    font-family: "NeueHaasUnicaW1G-Regular";
}
#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: 1px solid var(--color-primary-main);
    color: var(--color-primary-main);
}
#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: var(--color-primary-main);
    text-decoration: underline;
    padding: 0;
    min-height: unset;
    margin-top: 8px;
    position: relative;
    margin-inline: auto;
    min-width: unset;
    max-width: fit-content;
}
#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: 1px;
    background: var(--color-primary-main);
    transform: scaleX(0);
    transition: transform .25s ease-out;
}
#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: 86px;
    height: 34px;
    padding: 5px 10px;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid var(--color-primary-main);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -1.05px;
    margin: 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: var(--color-background);
}
#loyaltylion .lion-birthday-entry-form__inputs{
    justify-content: space-between;
}
#loyaltylion .lion-birthday-action .lion-birthday-action__help{
    padding-bottom: 12px;
}
#loyaltylion .lion-referral-widget-modal{
    box-shadow: none;
    max-width: 316px;
    height: 480px;
    padding: 19px;
    border-radius: 0;
    border: 1px solid var(--color-primary-main);
    background-color: var(--color-background);
    font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main{
    padding: 0;
}
#loyaltylion .lion-referral-widget{
    height: 441px;
}

#loyaltylion .lion-referral-widget-panels--slide{
    margin-top: -440px;
    max-height: fit-content;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main .rule-image-wrapper{
    aspect-ratio: 276 / 217;
    overflow: hidden;
    margin-bottom: 8px;
    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: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.9px;
    text-align: start;
}

#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: 14px;
    display: inline-block;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-panel{
    flex: 0 0 440px;
    justify-content: start;
    max-height: fit-content;
}

@media (max-height: 700px), (max-width: 530px) {
    #loyaltylion .lion-referral-widget-modal .lion-referral-widget-panels--slide {
        margin-top: 0;
        padding-top: 111px;
    }
}
@media screen and (max-width: 530px) {
    #loyaltylion .lion-referral-widget-modal .lion-referral-widget-panels--slide {
        margin-top: 0;
        padding-top: 0px;
    }
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__heading{
    margin: 0;
    order: 1;
    font-style: normal; 
    font-size: 16px;
    font-style: normal; 
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    line-height: 18px;
    letter-spacing: -1.2px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--color-primary-main);
    display: flex;
    width: 100%;
    padding-right: 36px;
    margin-bottom: 8px;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-buttons>a {
    margin: 0;
    border-radius: 50%;
    height: 35px;
    width: 35px;
}

#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-buttons{
  padding: 0;
  flex-wrap: nowrap;
  margin-block: 24px;
  gap: 20px;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-link-container{
 position: relative;
 display: flex;
 padding-top: 12px;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-link-container .lion-referral-widget-main__share-link-url {
    margin: 0;
    width: 100%;
    background: var(--color-background);
    color: var(--color-primary-main);
    font-size: 12px;
    font-style: normal;
    font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
    line-height: normal;
    letter-spacing: -0.9px;
    text-transform: uppercase !important;
    padding: 9px 20px;
    border-radius: 10px;
    border: 1px dashed var(--color-primary-main);
}
#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%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;
}
#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: 24px;
    width: 24px;
    top: 20px;
    right: 20px;
    z-index: 999;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' 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: 45px;
}
#loyaltylion .lion-referral-email-form .lion-referral-email-form__field{
    margin-bottom: 20px;
}
#loyaltylion .lion-referral-email-form .lion-referral-email-form__label{
    color: var(--color-primary-main);
    letter-spacing: -1.09px;
    font-size: 14px;
    line-height: 14px;
}
#loyaltylion .lion-referral-email-form .lion-referral-email-form__input{
    width: 100%;
    font-size: 14px;
    letter-spacing: -1.09px;
    display: flex;
    padding: 7px 7px;
    padding-bottom: 10px;
    background-color: transparent;
    border: 1px solid var(--color-primary-main);
    color: var(--color-primary-main);
    border-radius: 0;
    box-shadow: none;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    transition: none;
}
#loyaltylion .lion-referral-email-form .lion-referral-email-form__buttons{
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 100%;
}
#loyaltylion .lion-referral-email-form .lion-referral-email-form__buttons .lion-action-button{
    padding: 10px 22px;
    font-size: 1.2em;
    margin: 0;
    width: 100%;
    background: var(--color-primary-main);
    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: var(--color-primary-main);
}
#loyaltylion .lion-birthday-entry-form__select{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M1 0.5L4.5 3.5L8 0.5" stroke="%23482922" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
@media screen and (max-width: 530px){
    #loyaltylion .lion-referral-widget-modal .lion-referral-widget-panels--slide .lion-referral-widget-main{
        margin-top: -440px;
    }
    
    #loyaltylion .lion-referral-widget-modal{
        position: fixed;
        height:480px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        box-shadow: none;
        max-width: 316px;
        padding: 19px;
        border-radius: 0;
        border: 1px solid var(--color-primary-main);
        background-color: var(--color-background);
        font-family: "NeueHaasUnicaW1G-Regular";
    }
}

#loyaltylion .lion-history-state-bubble--expired{
    color: #c00202;
    opacity: 1;
    background-color: transparent;
}
#loyaltylion .lion-history-state-bubble--declined{
    background-color: transparent;
    color: #c00202;
}

#loyaltylion .lion-history-table__bubble {
    opacity: unset;
    transition: unset;
}