.yr-body{margin:0}.yr{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 96px);box-sizing:border-box}.yr__dots{order:-1;display:flex;gap:6px;margin-bottom:14px}.yr__dots i{flex:1;height:4px;border-radius:4px;background:color-mix(in srgb,var(--c-text) 20%,transparent)}.yr__dots i.is-on{background:var(--c-accent)}.yr__stage{flex:1;display:flex}.yr__card{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:32px 24px;border-radius:26px;border:2px solid var(--c-text);background:var(--c-bg);color:var(--c-text);text-align:center;cursor:pointer;animation:yr-in .45s cubic-bezier(.2,.9,.3,1.2);-webkit-user-select:none;user-select:none}.yr__card--1{background:var(--c-text);color:var(--c-bg)}.yr__card--2{background:var(--c-accent);color:var(--c-on-accent, #fff);border-color:var(--c-accent)}.yr__card h1{font-size:clamp(1.8rem,8vw,3rem);line-height:1.1;margin:0}.yr__card h2{font-size:clamp(1.4rem,6vw,2.2rem);line-height:1.15;margin:0}.yr__card p{margin:0;font-size:1.1em}.yr__eyebrow{font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.yr__big{font-size:clamp(4.5rem,30vw,9rem)!important;font-weight:900;line-height:1}.yr__big--word{font-size:clamp(2.6rem,14vw,5rem)!important;overflow-wrap:anywhere}.yr__code{display:inline-flex;align-self:center;align-items:center;gap:12px;padding:10px 14px;border:2px dashed currentColor;border-radius:14px}.yr__code button{min-height:40px;padding:6px 14px;border:0;border-radius:999px;background:currentColor;font:inherit;font-weight:700}.yr__code button{color:var(--c-bg)}.yr__card--1 .yr__code button{color:var(--c-text)}.yr__card .btn{align-self:center;min-height:48px;min-width:180px}.yr__card--wait{cursor:default;align-items:center}.yr__spin{width:36px;height:36px;border-radius:50%;border:3px solid currentColor;border-right-color:transparent;animation:yr-spin .8s linear infinite}@keyframes yr-in{0%{opacity:0;transform:scale(.94) translateY(12px)}}@keyframes yr-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.yr__card,.yr__spin{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/app-year.css.map */