christmas-popup{display:contents}.xmas-popup{width:100%;max-width:min(50rem,calc(100vw - 3.2rem));padding:0;border:0;background:transparent;overflow:visible}.xmas-popup::backdrop{background:#1a1a1a8c}.xmas-popup__scene{position:relative;perspective:1400px}.xmas-popup__close{position:absolute;top:1.2rem;right:1.2rem;z-index:3;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0000001f;color:#1a1a1a;cursor:pointer}.xmas-popup__close .svg-wrapper,.xmas-popup__close svg{width:1.4rem;height:1.4rem}.xmas-popup__flipper{position:relative;display:grid;transform-style:preserve-3d}.xmas-popup__face{grid-area:1 / 1;position:relative;min-height:36rem;border-radius:16px;overflow:hidden;background-attachment:scroll;box-shadow:0 20px 60px #00000040;-webkit-backface-visibility:hidden;backface-visibility:hidden}.xmas-popup__face--back{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4.8rem 3.6rem;text-align:center;transform:rotateY(180deg)}.xmas-popup__ribbon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));clip-path:circle(150% at 0% 100%)}.xmas-popup__ribbon path{fill:none;vector-effect:non-scaling-stroke}.xmas-popup__ribbon-band{stroke:#c8102e;stroke-width:24}.xmas-popup__ribbon-shine{stroke:#ffffff47;stroke-width:3}.xmas-popup__bow-wrap{position:absolute;top:50%;left:50%;width:16rem;height:11.2rem;margin:-5.4rem 0 0 -8rem;transform:rotate(-30deg)}.xmas-popup__bow{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}.xmas-popup__bow-loop,.xmas-popup__bow-tails{transform-origin:80px 54px}.xmas-popup__front-text{position:absolute;top:3.6rem;left:3.6rem;max-width:50%}.xmas-popup__front-heading{margin:0;font-family:Berkshire Swash,Georgia,serif;font-size:3.2rem;line-height:1.15;color:rgb(var(--color-foreground))}.xmas-popup__caption{margin:0 0 .8rem;color:#c8102e;font-size:1.2rem;font-weight:600;letter-spacing:.25rem;text-transform:uppercase}.xmas-popup__heading{margin:0;font-family:Berkshire Swash,Georgia,serif;font-size:6.4rem;font-weight:400;line-height:1;letter-spacing:0;color:#c8102e}.xmas-popup__subheading{display:block;margin-top:1rem;font-family:var(--font-body-family);font-size:1.6rem;font-weight:600;letter-spacing:.3rem;text-transform:uppercase;color:rgb(var(--color-foreground))}.xmas-popup__subheading:after{content:"";display:block;width:9rem;height:1.4rem;margin:1.4rem auto 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 14'%3E%3Cpath stroke='%23D4A63A' stroke-width='1.2' d='M0 7H34M56 7H90'/%3E%3Cg stroke='%23C8102E' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M45 1V13M39.8 4L50.2 10M39.8 10L50.2 4'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat}.xmas-popup__text{max-width:36rem;margin-top:1.4rem;font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.8)}.xmas-popup__button{margin-top:2.4rem}@media screen and (max-width:749px){.xmas-popup__face{min-height:34rem}.xmas-popup__face--back{padding:4rem 2.4rem}.xmas-popup__front-text{top:3.2rem;left:2.4rem;max-width:60%}.xmas-popup__front-heading{font-size:2.6rem}.xmas-popup__heading{font-size:5.2rem}.xmas-popup__bow-wrap{width:12rem;height:8.4rem;margin:-4.05rem 0 0 -6rem}}.xmas-popup[open] .xmas-popup__scene{animation:xmas-card-in .45s cubic-bezier(.2,.8,.2,1) both}.xmas-popup[open] .xmas-popup__ribbon{animation:xmas-ribbon-draw .9s .3s cubic-bezier(.45,0,.2,1) both}.xmas-popup[open] .xmas-popup__bow{animation:xmas-bow-pop .7s 1.1s cubic-bezier(.34,1.56,.64,1) both}.xmas-popup[open] .xmas-popup__bow-loop--left{animation:xmas-bow-sway 1.6s 1.8s ease-in-out infinite}.xmas-popup[open] .xmas-popup__bow-loop--right{animation:xmas-bow-sway-right 1.6s 1.8s ease-in-out infinite}.xmas-popup[open] .xmas-popup__front-text{animation:xmas-fade-up .5s .5s both}.xmas-popup[open] .xmas-popup__flipper{animation:xmas-flip .9s 2.8s cubic-bezier(.45,.05,.25,1) both}.xmas-popup[open] .xmas-popup__face--back>*{animation:xmas-fade-up .5s both}.xmas-popup[open] .xmas-popup__face--back>:nth-child(1){animation-delay:3.4s}.xmas-popup[open] .xmas-popup__face--back>:nth-child(2){animation-delay:3.5s}.xmas-popup[open] .xmas-popup__face--back>:nth-child(3){animation-delay:3.6s}.xmas-popup[open] .xmas-popup__face--back>:nth-child(4){animation-delay:3.7s}@keyframes xmas-card-in{0%{opacity:0;transform:translateY(2rem) scale(.96)}to{opacity:1;transform:none}}@keyframes xmas-ribbon-draw{0%{clip-path:circle(0% at 0% 100%)}to{clip-path:circle(150% at 0% 100%)}}@keyframes xmas-bow-pop{0%{opacity:0;transform:scale(.2) rotate(-25deg)}60%{opacity:1;transform:scale(1.12) rotate(6deg)}to{opacity:1;transform:none}}@keyframes xmas-bow-sway{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}@keyframes xmas-bow-sway-right{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes xmas-flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg) scale(1.04)}to{transform:rotateY(180deg)}}@keyframes xmas-fade-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.xmas-popup__flipper{transform:rotateY(180deg)}.xmas-popup[open] .xmas-popup__scene,.xmas-popup[open] .xmas-popup__ribbon,.xmas-popup[open] .xmas-popup__bow,.xmas-popup[open] .xmas-popup__bow-loop--left,.xmas-popup[open] .xmas-popup__bow-loop--right,.xmas-popup[open] .xmas-popup__front-text,.xmas-popup[open] .xmas-popup__flipper,.xmas-popup[open] .xmas-popup__face--back>*{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/christmas-popup.css.map */