.bs-egg .eg-dialog{width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:28px;background:transparent;overflow:visible;color:#232323}.bs-egg .eg-dialog::backdrop{background:#101e218c}.bs-egg .eg-dialog[open]{animation:egIn .35s cubic-bezier(.2,1.3,.4,1) both}.bs-egg .eg-dialog[open]::backdrop{animation:egFade .3s ease both}@keyframes egIn{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}@keyframes egFade{0%{opacity:0}}.bs-egg .eg-card{position:relative;background:#eee9fa;border-radius:28px;padding:36px 30px 26px;box-shadow:0 30px 60px #101e214d;text-align:center;overflow:hidden}.bs-egg .eg-x{position:absolute;top:14px;right:14px;z-index:3;width:36px;height:36px;border-radius:50%;border:0;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #5b3fa62e}.bs-egg .eg-step{display:flex;flex-direction:column;align-items:center;gap:12px}.bs-egg .eg-step--gift,.bs-egg [data-eg-state=gift] .eg-step--egg{display:none}.bs-egg [data-eg-state=gift] .eg-step--gift{display:flex;animation:egIn .45s cubic-bezier(.2,1.3,.4,1) both}.bs-egg .eg-eyebrow{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#5b3fa6}.bs-egg .eg-title{margin:0;font-size:clamp(22px,5.6vw,27px);line-height:1.12;font-weight:900;letter-spacing:-.02em;color:#232323;max-width:330px}.bs-egg .eg-sub{margin:0;font-size:15px;line-height:1.5;color:#4a4458;max-width:320px}.bs-egg .eg-egg{position:relative;width:150px;height:168px;margin:6px 0 4px;border:0;padding:0;background:none;cursor:pointer}.bs-egg .eg-shell{position:absolute;left:50%;top:4px;margin-left:-55px;overflow:visible;animation:egWobble 2.6s ease-in-out infinite;transform-origin:50% 90%}.bs-egg .eg-shell-top,.bs-egg .eg-shell-bot{transform-box:fill-box;transition:transform .6s cubic-bezier(.3,1.4,.5,1),opacity .5s ease}.bs-egg .eg-shell-top{transform-origin:20% 100%}.bs-egg .eg-shadow{position:absolute;left:50%;bottom:2px;width:92px;height:12px;margin-left:-46px;border-radius:50%;background:#5b3fa629}.bs-egg .eg-chick{position:absolute;left:50%;top:52px;margin-left:-48px;opacity:0;transform:translateY(30px) scale(.6);transition:transform .55s cubic-bezier(.3,1.6,.5,1) .15s,opacity .3s ease .15s}@keyframes egWobble{0%,70%,to{transform:rotate(0)}76%{transform:rotate(-6deg)}84%{transform:rotate(5deg)}92%{transform:rotate(-2deg)}}.bs-egg .is-hatching .eg-shell{animation:egShake .5s ease-in-out 2}@keyframes egShake{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}}.bs-egg .is-hatched .eg-shell{animation:none}.bs-egg .is-hatched .eg-shell-whole{opacity:0}.bs-egg .is-hatched .eg-shell-top{transform:translate(-26px,-46px) rotate(-38deg);opacity:0}.bs-egg .is-hatched .eg-chick{opacity:1;transform:translateY(-14px) scale(1)}.bs-egg .eg-confetti{position:absolute;left:50%;top:60px;width:0;height:0;pointer-events:none}.bs-egg .eg-confetti i{position:absolute;width:9px;height:9px;border-radius:2px;opacity:0}.bs-egg .eg-confetti i:nth-child(4n+1){background:#31c1d4}.bs-egg .eg-confetti i:nth-child(4n+2){background:#f7d94c;border-radius:50%}.bs-egg .eg-confetti i:nth-child(4n+3){background:#a08bdd}.bs-egg .eg-confetti i:nth-child(4n+4){background:#f09a7a;border-radius:50%}.bs-egg .is-hatched .eg-confetti i{animation:egBurst .9s cubic-bezier(.2,.8,.3,1) both}.bs-egg .eg-confetti i:nth-child(1){--x: -90px;--y: -70px}.bs-egg .eg-confetti i:nth-child(2){--x: 90px;--y: -80px}.bs-egg .eg-confetti i:nth-child(3){--x: -110px;--y: 10px}.bs-egg .eg-confetti i:nth-child(4){--x: 110px;--y: 0px}.bs-egg .eg-confetti i:nth-child(5){--x: -40px;--y: -110px}.bs-egg .eg-confetti i:nth-child(6){--x: 50px;--y: -115px}.bs-egg .eg-confetti i:nth-child(7){--x: -70px;--y: 60px}.bs-egg .eg-confetti i:nth-child(8){--x: 75px;--y: 55px}@keyframes egBurst{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(220deg)}}.bs-egg .eg-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:0 22px;border:0;border-radius:12px;background:#5b3fa6;color:#fff;font:inherit;font-size:16px;font-weight:900;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.bs-egg .eg-later{margin-top:2px;border:0;background:none;padding:6px;font:inherit;font-size:14px;font-weight:800;color:#4a4458;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.bs-egg .eg-form,.bs-egg .eg-code{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:6px}.bs-egg .eg-code[hidden],.bs-egg .eg-form[hidden]{display:none}.bs-egg .eg-form-in{display:flex;flex-direction:column;gap:10px;margin:0}.bs-egg .eg-form-in input[type=email]{width:100%;min-height:50px;padding:0 16px;border-radius:12px;border:2px solid #D8D0F2;background:#fff;font:inherit;font-size:16px;font-weight:700;color:#232323;box-sizing:border-box}.bs-egg .eg-form-in input[type=email]:focus-visible{outline:2px solid #5B3FA6;outline-offset:1px}.bs-egg .eg-fine{margin:0;font-size:12.5px;line-height:1.45;color:#6b6580;font-weight:700}.bs-egg .eg-err{margin:0;padding:10px 12px;border-radius:10px;background:#fff1ea;color:#7e2a14;font-size:13.5px;font-weight:800}.bs-egg .eg-err[hidden]{display:none}.bs-egg .eg-codebox{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:58px;padding:0 10px 0 18px;border:2px dashed #5B3FA6;border-radius:14px;background:#fff;cursor:pointer;font:inherit}.bs-egg .eg-codebox b{font-size:22px;font-weight:900;letter-spacing:.08em;color:#232323}.bs-egg .eg-codebox span{padding:8px 14px;border-radius:10px;background:#eee9fa;color:#5b3fa6;font-size:13px;font-weight:900}.bs-egg .eg-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(hover:hover)and (pointer:fine){.bs-egg .eg-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -8px #5b3fa699}.bs-egg .eg-egg:hover .eg-shell{animation-duration:1.2s}}@media(max-width:480px){.bs-egg .eg-card{padding:32px 20px 22px}}@media(prefers-reduced-motion:reduce){.bs-egg .eg-shell,.bs-egg .is-hatching .eg-shell,.bs-egg .is-hatched .eg-confetti i{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/bs-egg-popup.css.map */