.haven-scratch-popup{--haven-sp-background: 255, 255, 248;--haven-sp-text: 4, 5, 5;--haven-sp-heading: 11, 86, 166;--haven-sp-foil: 255, 203, 39;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;align-items:flex-end;justify-content:center;font-family:var(--font-body-family);color:rgb(var(--haven-sp-text))}.haven-scratch-popup[hidden],.haven-scratch-popup [hidden]{display:none}.haven-scratch-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--haven-sp-heading),.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease}.haven-scratch-popup__dialog{position:relative;width:100%;max-height:calc(100dvh - 1.6rem);overflow:auto;overscroll-behavior:contain;background:rgb(var(--haven-sp-background));border-radius:2rem 2rem 0 0;box-shadow:0 -.8rem 4rem #04050533;transform:translateY(2.4rem);opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s ease;outline:none}.haven-scratch-popup.is-open .haven-scratch-popup__overlay{opacity:1}.haven-scratch-popup.is-open .haven-scratch-popup__dialog,.haven-scratch-popup.is-open .haven-scratch-popup__toast{transform:none;opacity:1}.haven-scratch-popup__close{position:absolute;top:1.2rem;right:1.2rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:0;border-radius:50%;background:#ffffffe6;color:rgb(var(--haven-sp-heading));cursor:pointer}.haven-scratch-popup__close svg{width:1.4rem;height:1.4rem}.haven-scratch-popup__close:focus-visible,.haven-scratch-popup__reveal:focus-visible,.haven-scratch-popup__input:focus-visible,.haven-scratch-popup__submit:focus-visible,.haven-scratch-popup__login:focus-visible,.haven-scratch-popup__toast-link:focus-visible{outline:.2rem solid rgb(var(--haven-sp-heading));outline-offset:.2rem}.haven-scratch-popup__hero{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:rgb(var(--haven-sp-heading))}.haven-scratch-popup__hero img,.haven-scratch-popup__img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 62%}.haven-scratch-popup__hero-text{position:absolute;inset:0 0 auto;padding:1.8rem 6rem 0 2rem;color:#fff}.haven-scratch-popup__kicker{margin:0 0 .4rem;font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--haven-sp-foil))}.haven-scratch-popup__heading{margin:0;font-family:var(--font-heading-family);font-size:2.6rem;line-height:1.1;color:#fff;text-wrap:balance}.haven-scratch-popup__body{display:grid;gap:1.4rem;padding:1.8rem 2rem calc(2rem + env(safe-area-inset-bottom,0px))}.haven-scratch-popup__card{position:relative;height:11rem;margin-top:-4.4rem;border-radius:1.6rem;background:#fff;box-shadow:0 .6rem 2.4rem #04050529;border:.2rem dashed rgba(var(--haven-sp-heading),.35);touch-action:none;-webkit-user-select:none;user-select:none}.haven-scratch-popup__prize{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:rgb(var(--haven-sp-heading))}.haven-scratch-popup__prize-big{font-family:var(--font-heading-family);font-size:4rem;line-height:1}.haven-scratch-popup__prize-small{margin-top:.4rem;font-size:1.4rem;font-weight:600;color:rgb(var(--haven-sp-text))}.haven-scratch-popup__foil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:1.4rem;cursor:grab;transition:opacity .45s ease}.haven-scratch-popup__card.is-revealed .haven-scratch-popup__foil{opacity:0;pointer-events:none}.haven-scratch-popup__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.haven-scratch-popup__confetti i{position:absolute;top:50%;left:50%;width:.8rem;height:.8rem;border-radius:50%;background:rgb(var(--haven-sp-foil));opacity:0}.haven-scratch-popup__confetti i:nth-child(3n){background:rgb(var(--haven-sp-heading))}.haven-scratch-popup__card.is-revealed .haven-scratch-popup__confetti i{animation:haven-scratch-burst .9s ease-out forwards}@keyframes haven-scratch-burst{0%{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--i) * 26deg)) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--i) * 26deg)) translateY(-9rem)}}.haven-scratch-popup__hint{margin:0;text-align:center;font-size:1.4rem;color:rgba(var(--haven-sp-text),.7)}.haven-scratch-popup__reveal{display:block;margin:.4rem auto 0;padding:.4rem;border:0;background:none;font:inherit;font-size:1.3rem;color:rgb(var(--haven-sp-heading));text-decoration:underline;cursor:pointer}.haven-scratch-popup__text{margin:0;font-size:1.5rem;line-height:1.5}.haven-scratch-popup__points{display:grid;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;font-size:1.4rem;line-height:1.4}.haven-scratch-popup__points li{position:relative;padding-left:2.4rem}.haven-scratch-popup__points li:before{content:"";position:absolute;top:.2rem;left:0;width:1.6rem;height:1.6rem;border-radius:50%;background:rgb(var(--haven-sp-foil)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.5L12 5.4' fill='none' stroke='%230b56a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 1.2rem no-repeat}.haven-scratch-popup__form{display:grid;gap:1rem}.haven-scratch-popup__field{display:grid;gap:.8rem}.haven-scratch-popup__input{width:100%;min-height:4.8rem;padding:0 1.6rem;border:.1rem solid rgba(var(--haven-sp-text),.25);border-radius:.8rem;background:#fff;font:inherit;font-size:1.6rem;color:rgb(var(--haven-sp-text))}.haven-scratch-popup__submit,.haven-scratch-popup__done{width:100%}.haven-scratch-popup__legal{margin:0;font-size:1.2rem;color:rgba(var(--haven-sp-text),.65)}.haven-scratch-popup__login{justify-self:start;font-size:1.3rem;color:rgb(var(--haven-sp-heading))}.haven-scratch-popup__error{margin:0;padding:1rem 1.2rem;border-radius:.8rem;background:#d72c0d14;color:#d72c0d;font-size:1.4rem}.haven-scratch-popup--balance{inset:auto 0 0;padding:0 1.2rem calc(1.2rem + env(safe-area-inset-bottom,0px));pointer-events:none}.haven-scratch-popup__toast{position:relative;display:flex;gap:1.2rem;align-items:flex-start;width:100%;max-width:38rem;padding:1.6rem 5.2rem 1.6rem 1.6rem;border-radius:1.6rem;background:rgb(var(--haven-sp-heading));color:#fff;box-shadow:0 .8rem 3.2rem #04050540;transform:translateY(1.6rem);opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s ease;pointer-events:auto;outline:none}.haven-scratch-popup__toast-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:rgb(var(--haven-sp-foil));color:rgb(var(--haven-sp-heading));font-family:var(--font-heading-family);font-size:2rem}.haven-scratch-popup__toast-heading{margin:0;font-family:var(--font-heading-family);font-size:1.8rem;line-height:1.2}.haven-scratch-popup__toast-text{margin:.4rem 0 0;font-size:1.4rem;line-height:1.4;opacity:.9}.haven-scratch-popup__toast-link{display:inline-block;margin-top:.8rem;font-size:1.4rem;font-weight:700;color:rgb(var(--haven-sp-foil))}.haven-scratch-popup__close--toast{top:1rem;right:1rem;width:3.2rem;height:3.2rem;background:#ffffff24;color:#fff}@media screen and (min-width:750px){.haven-scratch-popup{align-items:center;padding:2.4rem}.haven-scratch-popup__dialog{max-width:46rem;border-radius:2rem;transform:translateY(1.6rem) scale(.98)}.haven-scratch-popup__hero{aspect-ratio:4 / 3}.haven-scratch-popup__hero-text{padding:2.4rem 6rem 0 2.8rem}.haven-scratch-popup__heading{font-size:3.2rem}.haven-scratch-popup__body{padding:2rem 2.8rem 2.8rem}.haven-scratch-popup__field{grid-template-columns:1fr auto}.haven-scratch-popup__submit{width:auto}.haven-scratch-popup--balance{align-items:flex-end;justify-content:flex-start;padding:0 2.4rem 2.4rem}}@media(prefers-reduced-motion:reduce){.haven-scratch-popup__overlay,.haven-scratch-popup__dialog,.haven-scratch-popup__toast,.haven-scratch-popup__foil{transition:none}.haven-scratch-popup__card.is-revealed .haven-scratch-popup__confetti i{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/haven-scratch-popup.css.map */