.renewal-strip__stage{position:relative;display:block;height:200px;border-radius:1.2rem;background:rgb(var(--color-background-secondary));color:rgb(var(--color-foreground));overflow:hidden;isolation:isolate;container-type:inline-size}.renewal-strip__stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important;touch-action:pan-y;opacity:0;transition:opacity .8s ease;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 12%,#000 30%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,transparent 12%,#000 30%,#000 95%,transparent 100%)}.renewal-strip__stage.is-ready canvas{opacity:1}.renewal-strip:has(.renewal-strip__stage.is-fallback){display:none}.renewal-strip__hud{position:absolute;top:50%;left:2.8rem;z-index:1;transform:translateY(-50%);pointer-events:none}.renewal-strip__hud small{display:block;margin-bottom:.6rem;font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-accent))}.renewal-strip__hud strong{display:block;font-size:3rem;font-weight:600;letter-spacing:-.1rem;line-height:1.1}.renewal-strip__hud span{display:block;margin-top:.3rem;font-size:1.3rem;color:rgb(var(--color-foreground-secondary))}.renewal-strip__hint{position:absolute;top:1.2rem;right:1.4rem;z-index:1;padding:.5rem 1rem;border-radius:99rem;background:#1b102c8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:1.1rem;font-weight:600;color:#fff;pointer-events:none;opacity:0;transition:opacity .4s}.renewal-strip__stage.is-ready .renewal-strip__hint{opacity:1;animation:renewal-strip-hint 2.4s ease-in-out 1.5s 3}.renewal-strip__stage .renewal-strip__hint.is-off{opacity:0}.renewal-strip__hint span{margin-right:.4rem;color:rgb(var(--color-accent))}@keyframes renewal-strip-hint{50%{transform:translate(-6px)}}.renewal-strip__tip{position:absolute;top:0;left:0;z-index:2;display:grid;grid-template-columns:auto auto;column-gap:1.4rem;align-items:center;padding:.8rem 1.4rem;border:1px solid rgba(255,255,255,.8);border-radius:1.2rem;background:#ffffffb8;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 10px 30px #1b102c1f;color:rgb(var(--color-foreground));text-decoration:none;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.renewal-strip__tip.is-on{opacity:1;pointer-events:auto}.renewal-strip__tip b{grid-column:1;font-size:1.4rem;font-weight:600}.renewal-strip__tip span{grid-column:1;font-size:1.1rem;color:rgb(var(--color-foreground-secondary))}.renewal-strip__tip i{grid-column:2;grid-row:1 / span 2;padding:.6rem 1rem;border-radius:.8rem;background:rgb(var(--color-accent));font-size:1.2rem;font-style:normal;font-weight:600;color:#fff}.renewal-strip__badge{position:absolute;top:0;left:0;z-index:1;display:flex;gap:.5rem;align-items:center;padding:.4rem .9rem .4rem .7rem;border:1px solid rgba(255,255,255,.9);border-radius:99rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px #1b102c1a;font-size:.9rem;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s}.renewal-strip__badge svg{width:1.2rem;height:1rem;color:rgb(var(--color-accent))}@container (max-width: 640px){.renewal-strip__stage canvas{-webkit-mask-image:none;mask-image:none}.renewal-strip__hud{top:auto;bottom:1.2rem;left:1.2rem;display:flex;gap:.6rem;align-items:baseline;padding:.5rem 1rem;border-radius:99rem;background:#ffffffe6;transform:none}.renewal-strip__hud small{display:none}.renewal-strip__hud strong{font-size:1.3rem;letter-spacing:-.02rem}.renewal-strip__hud span{margin:0;font-size:1.1rem}.renewal-strip__hint{right:1rem;top:1rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-renewal-strip.css.map */