/* One continuous botanical gradient, visible through the five milestone windows. */
body.ksca-atelier .ksd-loyalty-card{border:0;outline:none;box-shadow:none}
body.ksca-atelier .ksd-loyalty-card .ksd-loyalty-tiers{
 --ksca-tier-gap:10px;
 --ksca-tier-gradient:radial-gradient(ellipse at 4% 100%,#61d8bc 0%,transparent 62%),linear-gradient(110deg,#9be3ba 0%,#c7e972 45%,#e8dd79 65%,#f2af79 100%);
 grid-template-columns:repeat(5,minmax(0,1fr));
 gap:var(--ksca-tier-gap);
}
body.ksca-atelier .ksd-loyalty-card .ksd-loyalty-tiers>li{
 --ksca-tier-position:0%;
 --ksca-tier-veil:#ffffff38;
 min-width:0;
 padding:16px 8px;
 gap:5px;
 border:0;
 outline:none;
 border-radius:15px;
 background-image:linear-gradient(var(--ksca-tier-veil),var(--ksca-tier-veil)),var(--ksca-tier-gradient);
 background-size:calc(500% + var(--ksca-tier-gap) + var(--ksca-tier-gap) + var(--ksca-tier-gap) + var(--ksca-tier-gap)) 100%;
 background-position:var(--ksca-tier-position) 0;
 background-repeat:no-repeat;
 color:#213b2b;
 box-shadow:none;
}
body.ksca-atelier .ksd-loyalty-card .ksd-loyalty-tiers>li:nth-child(2){--ksca-tier-position:25%}
body.ksca-atelier .ksd-loyalty-card .ksd-loyalty-tiers>li:nth-child(3){--ksca-tier-position:50%}
body.ksca-atelier .ksd-loyalty-card .ksd-loyalty-tiers>li:nth-child(4){--ksca-tier-position:75%}
body.ksca-atelier .ksd-loyalty-card .ksd-loyalty-tiers>li:nth-child(5){--ksca-tier-position:100%}
body.ksca-atelier .ksd-loyalty-card .ksd-loyalty-tiers>li.is-earned{
 --ksca-tier-veil:#ffffff00;
 border:0;
 outline:none;
 box-shadow:none;
 color:#172f22;
}
body.ksca-atelier .ksd-loyalty-card .ksd-loyalty-tiers>li strong{color:inherit;line-height:1.15}
body.ksca-atelier .ksd-loyalty-card .ksd-loyalty-tiers>li.is-earned strong{font-weight:600}
body.ksca-atelier .ksd-loyalty-card .ksd-loyalty-tiers>li span{font-size:12px;line-height:1.4;text-align:center;color:#334a3d}
body.ksca-atelier .ksd-loyalty-card .ksd-loyalty-tiers>li.is-earned span{color:#233c2e;font-weight:500}
@media(max-width:600px){
 body.ksca-atelier .ksd-loyalty-card .ksd-loyalty-tiers{--ksca-tier-gap:6px}
 body.ksca-atelier .ksd-loyalty-card .ksd-loyalty-tiers>li{padding:13px 3px;border-radius:12px}
 body.ksca-atelier .ksd-loyalty-card .ksd-loyalty-tiers>li span{font-size:11px}
}