.cz-loyalty{--cz-loyalty-red: var(--cz-color-brand);--cz-loyalty-black: #090909;display:block;position:relative;overflow:hidden;padding-inline:clamp(2rem,7vw,8.5rem);background-color:var(--cz-loyalty-black);color:#fff;font-family:var(--font-body--family, Inter, "Helvetica Neue", Arial, sans-serif);isolation:isolate}.cz-loyalty--with-smoke{background-image:var(--cz-loyalty-smoke-desktop);background-position:center;background-size:cover}.cz-loyalty *,.cz-loyalty *:before,.cz-loyalty *:after{box-sizing:border-box}.cz-loyalty__frame{width:min(100%,92rem);height:clamp(29rem,38vw,34rem);margin-inline:auto;position:relative;z-index:1;display:flex;align-items:center}.cz-loyalty__visual{width:58%;position:absolute;inset:0 auto 0 0;overflow:hidden}.cz-loyalty__visual:after{width:min(82%,32rem);height:8rem;position:absolute;right:-2rem;bottom:-2.25rem;z-index:0;background:radial-gradient(ellipse at center,#000000f2,#000000c7 34%,#00000061 56%,#0000 76%);content:"";filter:blur(.35rem);pointer-events:none}.cz-loyalty__doodle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;opacity:var(--cz-loyalty-doodle-opacity, .4);pointer-events:none}.cz-loyalty__doodle picture,.cz-loyalty__doodle-image{width:100%;height:100%;display:block}.cz-loyalty__doodle-image{object-fit:cover;object-position:center}.cz-loyalty__phone-stage{--phone-rx: 0deg;--phone-ry: 0deg;width:clamp(24rem,33vw,27rem);height:auto;aspect-ratio:617 / 1381;position:absolute;z-index:1;right:0;top:1.25rem;bottom:auto;transform:perspective(900px) rotateX(var(--phone-rx)) rotateY(var(--phone-ry));transform-style:preserve-3d;transition:transform .18s cubic-bezier(.4,0,.2,1)}.cz-loyalty__phone-stage:after{position:absolute;top:.5%;right:.5%;bottom:.5%;left:.5%;z-index:4;border:1px solid var(--cz-loyalty-red);border-radius:10%;box-shadow:0 0 1.2rem rgb(var(--cz-color-brand-rgb) / 55%);content:"";opacity:0;pointer-events:none}.cz-loyalty__phone{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 1.5rem 2rem rgb(0 0 0 / 45%))}.cz-loyalty__screen{padding:8% 9% 7%;position:absolute;top:4.5%;right:5%;bottom:3.5%;left:5%;z-index:2;display:flex;flex-direction:column;overflow:hidden;border-radius:8%;background:#070707}.cz-loyalty__screen:after{height:2px;position:absolute;right:7%;left:7%;top:8%;background:var(--cz-loyalty-red);box-shadow:0 0 .75rem rgb(var(--cz-color-brand-rgb) / 75%);content:"";opacity:0;transform:translateY(-1rem)}.cz-loyalty__screen-header{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:.56rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.cz-loyalty__screen-header small{color:var(--cz-loyalty-red);font-size:.48rem}.cz-loyalty__balance{margin-top:6%}.cz-loyalty__balance>small{display:block;margin-bottom:.35rem;color:#ffffff94;font-size:.52rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.cz-loyalty__balance>strong{display:flex;gap:.35rem;align-items:baseline;color:#fff;font-family:var(--font-heading--family, "Arial Narrow", Arial, sans-serif);font-size:clamp(1.65rem,2.5vw,2.35rem);font-weight:950;letter-spacing:-.05em;line-height:.9}.cz-loyalty__balance em{color:var(--cz-loyalty-red);font-size:.56rem;font-style:normal;letter-spacing:.1em;text-transform:uppercase}.cz-loyalty__progress{margin-top:6%}.cz-loyalty__progress>div{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:.52rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cz-loyalty__progress>div strong{color:var(--cz-loyalty-red)}.cz-loyalty__progress>i{height:3px;margin-top:.45rem;display:block;overflow:hidden;background:#ffffff2e}.cz-loyalty__progress>i span{width:100%;height:100%;display:block;background:var(--cz-loyalty-red);transform:scaleX(0);transform-origin:left}.cz-loyalty__progress>small{display:block;margin-top:.4rem;color:#ffffff7f;font-size:.48rem}.cz-loyalty__notification-stack{height:8.55rem;margin-top:6%;position:relative}.cz-loyalty__notification{width:100%;min-height:2.55rem;padding:.32rem .42rem;position:absolute;top:calc(var(--cz-notification-index) * 2.8rem);right:0;left:0;display:grid;grid-template-columns:2.05rem minmax(0,1fr);gap:.45rem;align-items:center;border:1px solid rgb(255 255 255 / 14%);background:#171717;box-shadow:0 .75rem 1.5rem #00000059;color:#fff;opacity:0;transform:translateY(-.55rem);transition:opacity .16s cubic-bezier(.4,0,1,1),transform .18s cubic-bezier(.4,0,1,1)}.cz-loyalty__notification.is-active{opacity:1;transform:translateY(0);transition:opacity .24s cubic-bezier(0,0,.2,1),transform .28s cubic-bezier(0,0,.2,1)}.cz-loyalty__notification div>span,.cz-loyalty__notification div>strong,.cz-loyalty__notification div>small{display:block}.cz-loyalty__notification-value{width:2.05rem;height:2.05rem;display:grid;place-items:center;background:var(--cz-loyalty-red);color:#fff;font-family:var(--font-heading--family, "Arial Narrow", Arial, sans-serif);font-size:.68rem;font-weight:950;letter-spacing:-.03em;line-height:1}.cz-loyalty__notification div>span{margin-bottom:.08rem;color:var(--cz-loyalty-red);font-size:.4rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.cz-loyalty__notification div>strong{font-size:.52rem;font-weight:850;letter-spacing:.02em;line-height:1.15;text-transform:uppercase}.cz-loyalty__notification div>small{margin-top:.08rem;color:#ffffff8c;font-size:.44rem}.cz-loyalty__content{width:44%;margin-left:auto;padding-left:clamp(1.5rem,2.5vw,2.75rem);position:relative;z-index:5;text-align:left}.cz-loyalty__eyebrow{margin:0 0 1.15rem;color:#fff;font-size:.64rem;font-weight:850;letter-spacing:.18em;line-height:1;text-transform:uppercase}.cz-loyalty h2{max-width:none;margin:0;display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;gap:0 .17em;color:#fff;font-family:var(--font-heading--family, "Arial Narrow", "Helvetica Neue", Arial, sans-serif);font-size:var(--cz-section-heading-size);font-weight:950;letter-spacing:-.07em;line-height:.9;-webkit-text-stroke:.2px currentColor;white-space:nowrap;text-shadow:0 .08em .14em rgb(0 0 0 / 95%),0 0 .5em rgb(0 0 0 / 82%);text-transform:uppercase}.cz-loyalty h2>span{flex-basis:100%;white-space:nowrap}.cz-loyalty__heading-line{display:flex;gap:.17em;align-items:baseline;justify-content:flex-start}.cz-loyalty h2 em{color:var(--cz-loyalty-red);font-style:italic;font-weight:950;letter-spacing:-.045em;transform:skew(-5deg);transform-origin:left bottom}.cz-loyalty__heading-character{display:inline-block}.cz-loyalty.has-motion .cz-loyalty__heading-character{opacity:0;transform:translateY(.16em)}.cz-loyalty.has-motion.is-visible .cz-loyalty__heading-character{opacity:1;transform:translateY(0);transition:opacity .16s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);transition-delay:calc(.12s + (var(--cz-character-index) * 40ms))}.cz-loyalty__benefits{width:min(100%,20rem);margin:1.4rem 0 0;padding:0;color:#fff;list-style:none}.cz-loyalty__benefits li{min-height:2.65rem;padding:.48rem 0;display:flex;gap:.6rem;align-items:center;justify-content:flex-start;font-size:clamp(.86rem,.9vw,.94rem);font-weight:720;letter-spacing:.015em;line-height:1.3;text-align:left}.cz-loyalty__benefit-icon{width:1.35rem;height:1.35rem;flex:0 0 1.35rem;display:grid;place-items:center;color:var(--cz-loyalty-red)}.cz-loyalty__benefit-icon svg{width:100%;height:100%;display:block;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.cz-loyalty__cta{width:fit-content;min-height:2.75rem;margin:1.6rem 0 0;padding:.8rem 1.05rem;display:inline-flex;gap:.65rem;align-items:center;justify-content:center;background:var(--cz-loyalty-red);color:#fff;font-size:.76rem;font-weight:850;letter-spacing:.08em;line-height:1;text-decoration:none;text-transform:uppercase;transition:background-color .18s cubic-bezier(0,0,.2,1),transform .12s cubic-bezier(0,0,.2,1)}.cz-loyalty__cta span{transition:transform .18s cubic-bezier(0,0,.2,1)}.cz-loyalty__cta:is(:hover,:focus-visible){background:#fff;color:var(--cz-loyalty-black)}.cz-loyalty__cta:hover span{transform:translate(.18rem)}.cz-loyalty__cta:active{transform:scale(.97)}.cz-loyalty__cta:focus-visible{outline:3px solid var(--cz-loyalty-red);outline-offset:4px}.cz-loyalty.has-motion .cz-loyalty__phone-stage,.cz-loyalty.has-motion .cz-loyalty__content{opacity:0}.cz-loyalty.has-motion .cz-loyalty__phone-stage{transform:perspective(900px) translateY(1.25rem) rotateX(var(--phone-rx)) rotateY(var(--phone-ry))}.cz-loyalty.has-motion .cz-loyalty__content{transform:translateY(1rem)}.cz-loyalty.has-motion.is-visible .cz-loyalty__phone-stage{opacity:1;transform:perspective(900px) translateY(0) rotateX(var(--phone-rx)) rotateY(var(--phone-ry));transition:opacity .44s cubic-bezier(0,0,.2,1),transform .52s cubic-bezier(0,0,.2,1)}.cz-loyalty.is-settled .cz-loyalty__phone-stage{transition-duration:.18s}.cz-loyalty.has-motion.is-visible .cz-loyalty__content{opacity:1;transform:translateY(0);transition:opacity .34s 80ms cubic-bezier(0,0,.2,1),transform .4s 80ms cubic-bezier(0,0,.2,1)}.cz-loyalty.has-motion.is-visible .cz-loyalty__phone-stage:after{animation:cz-loyalty-edge .52s .12s cubic-bezier(0,0,.2,1) both}.cz-loyalty.has-motion.is-visible .cz-loyalty__screen:after{animation:cz-loyalty-scan .56s .18s cubic-bezier(0,0,.2,1) both}.cz-loyalty.has-motion.is-visible .cz-loyalty__progress>i span{transform:scaleX(var(--cz-loyalty-progress, .75));transition:transform .56s .18s cubic-bezier(0,0,.2,1)}@keyframes cz-loyalty-edge{0%{opacity:0;transform:scale(.985)}45%{opacity:.9}to{opacity:0;transform:scale(1)}}@keyframes cz-loyalty-scan{0%{opacity:0;transform:translateY(-1rem)}40%{opacity:1}to{opacity:0;transform:translateY(15rem)}}@media screen and (min-width:750px){.cz-loyalty__notification-stack{height:9.45rem}.cz-loyalty__notification{min-height:2.85rem;padding:.38rem .5rem;top:calc(var(--cz-notification-index) * 3.1rem);grid-template-columns:2.3rem minmax(0,1fr);gap:.5rem}.cz-loyalty__notification-value{width:2.3rem;height:2.3rem;font-size:.74rem}.cz-loyalty__notification div>span{font-size:.44rem}.cz-loyalty__notification div>strong{font-size:.58rem}.cz-loyalty__notification div>small{font-size:.48rem}}@media screen and (min-width:991px){.cz-loyalty__frame{transform:translate(-8.75vw)}.cz-loyalty__phone-stage{top:2rem}}@media screen and (max-width:990px){.cz-loyalty{padding-inline:clamp(1.75rem,5vw,4rem)}.cz-loyalty__phone-stage{right:0}.cz-loyalty__content{width:45%;padding-left:1.5rem}.cz-loyalty h2{font-size:var(--cz-section-heading-size)}}@media screen and (max-width:749px){.cz-loyalty{padding:3rem 1rem 0}.cz-loyalty--with-smoke{background-image:var(--cz-loyalty-smoke-mobile);background-position:center}.cz-loyalty__frame{height:auto;min-height:0;display:flex;flex-direction:column}.cz-loyalty__content{width:100%;padding:0;order:1;text-align:center}.cz-loyalty h2{max-width:none;justify-content:center;font-size:var(--cz-section-heading-size)}.cz-loyalty h2>span{white-space:nowrap}.cz-loyalty__heading-line{justify-content:center}.cz-loyalty__visual{width:100%;height:21rem;margin-top:1.75rem;position:relative;inset:auto;order:2}.cz-loyalty__visual:after{width:min(110%,28rem);height:9rem;right:50%;bottom:-2.75rem;transform:translate(50%)}.cz-loyalty__phone-stage{width:min(88vw,23rem);height:auto;right:50%;top:.25rem;bottom:auto;transform:translate(50%)}.cz-loyalty__screen{padding-top:7%}.cz-loyalty__balance,.cz-loyalty__progress,.cz-loyalty__notification-stack{margin-top:4%}.cz-loyalty__notification-stack{height:8.55rem}.cz-loyalty.has-motion .cz-loyalty__phone-stage{transform:translate(50%) translateY(1rem)}.cz-loyalty.has-motion.is-visible .cz-loyalty__phone-stage{transform:translate(50%) translateY(0)}.cz-loyalty__benefits{width:min(100%,20rem);margin:1.2rem auto 0;text-align:center}.cz-loyalty__benefits li{justify-content:center;font-size:.82rem;text-align:center}.cz-loyalty__cta{margin-inline:auto;margin-top:1.5rem}}@media(prefers-reduced-motion:reduce){.cz-loyalty *,.cz-loyalty *:before,.cz-loyalty *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/clonezone-loyalty-banner.css.map */