html.alf-pop-lock{overflow:hidden}.alf-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;align-items:flex-end;justify-content:center;font-family:var(--alf-font-body);color:var(--alf-ink-700)}.alf-pop[hidden]{display:none}.alf-pop *,.alf-pop *:before,.alf-pop *:after{box-sizing:border-box}.alf-pop :where(h2,p){margin:0}.alf-pop :is(h2){text-transform:none;letter-spacing:normal}.alf-pop__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#14133d80;opacity:0;transition:opacity .3s}.alf-pop.is-open .alf-pop__overlay{opacity:1}.alf-pop__card{position:relative;display:flex;flex-direction:column;width:100%;max-height:92vh;max-height:92dvh;overflow:auto;border-radius:28px 28px 0 0;background:#fff;outline:0;translate:0 100%;transition:translate .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 -20px 50px -20px #14133d80}.alf-pop.is-open .alf-pop__card{translate:0 0}.alf-pop__x{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:44px;height:44px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#fffffff0;color:var(--alf-purple-950);box-shadow:0 2px 0 var(--alf-purple-100);cursor:pointer}.alf-pop__art{position:relative;flex:none;height:150px;overflow:hidden;background:var(--alf-tone-stone)}.alf-pop__art img{display:block;width:100%;height:100%;object-fit:cover}.alf-pop__offer{position:absolute;inset-inline-start:16px;bottom:14px;max-width:70%;padding:9px 14px;border-radius:14px;background:var(--alf-gold-face);font:600 15px/1.15 var(--alf-font-display);color:var(--alf-purple-950);rotate:-3deg;box-shadow:0 3px 0 var(--alf-gold-600),var(--alf-shadow-float)}.alf-pop__body{padding:22px 20px calc(22px + env(safe-area-inset-bottom))}.alf-pop__k{display:flex;align-items:center;gap:10px;margin-bottom:10px;font:700 12.5px/1.2 var(--alf-font-body);letter-spacing:.09em;text-transform:uppercase;color:var(--alf-purple-500)}.alf-pop__t{font:600 28px/1.1 var(--alf-font-display);letter-spacing:-.01em;color:var(--alf-purple-950)}.alf-pop__t em{display:block;font-style:normal;color:var(--alf-purple-500)}.alf-pop__s{margin-top:10px;font-size:15px;line-height:1.5;color:var(--alf-ink-600)}.alf-pop__field{display:flex;gap:6px;margin-top:18px;padding:6px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--alf-purple-200),0 4px 0 var(--alf-purple-100)}.alf-pop__field:focus-within{box-shadow:inset 0 0 0 2px var(--alf-brand),0 4px 0 var(--alf-purple-100)}.alf-pop__field.is-error{box-shadow:inset 0 0 0 2px #b3261e,0 4px #f6d4d1}.alf-pop__field input{flex:1;min-width:0;height:50px;padding:0 4px 0 12px;border:0;background:none;font:400 16px/1 var(--alf-font-body);color:var(--alf-purple-950);outline:0}.alf-pop__field .alf-btn{flex:none;align-self:flex-start;min-height:46px;padding:0 20px}.alf-pop__err{margin-top:8px;font:600 13.5px/1.35 var(--alf-font-body);color:#b3261e}.alf-pop__fine{margin-top:12px;font-size:12.5px;line-height:1.45;color:var(--alf-ink-500)}.alf-pop__fine a{color:inherit;text-decoration:underline;text-underline-offset:2px}.alf-pop__no{display:block;margin:14px auto 0;padding:8px 12px;border:0;background:none;font:600 14px/1 var(--alf-font-body);color:var(--alf-ink-600);cursor:pointer}.alf-pop__no:hover{color:var(--alf-purple-950);text-decoration:underline;text-underline-offset:3px}.alf-pop__done{display:flex;flex-direction:column;align-items:center;padding:12px 0 4px;text-align:center}.alf-pop__ok{display:grid;place-items:center;width:60px;height:60px;margin-bottom:14px;border-radius:50%;background:#e3f4ea;color:#1e7a4c}.alf-pop__go{margin-top:20px;width:100%}.alf-pop__code{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;width:100%;margin-top:16px;padding:8px 8px 8px 16px;border-radius:var(--alf-r-md);background:var(--alf-gold-100);box-shadow:inset 0 0 0 2px var(--alf-gold-600);text-align:start}.alf-pop__code span{font-family:var(--alf-font-body);font-size:var(--alf-fs-xs);font-weight:700;line-height:1.2;letter-spacing:.09em;text-transform:uppercase;color:var(--alf-ink-500)}.alf-pop__code b{min-width:0;overflow-wrap:anywhere;font-family:var(--alf-font-display);font-size:var(--alf-fs-2xl);font-weight:600;line-height:1.15;letter-spacing:.06em;color:var(--alf-purple-950);-webkit-user-select:all;user-select:all}.alf-pop__copy{grid-column:2;grid-row:1/3;min-height:44px;padding:0 16px;border:0;border-radius:var(--alf-r-sm);background:var(--alf-purple-950);font-family:var(--alf-font-display);font-size:var(--alf-fs-base);font-weight:600;line-height:1;color:#fff;cursor:pointer}.alf-pop__copy:disabled{background:#1e7a4c;cursor:default}.alf-pop :focus-visible{outline:2.5px solid var(--alf-brand);outline-offset:2px}@media(max-height:640px){.alf-pop__art{display:none}}@media(min-width:750px){.alf-pop{align-items:center;padding:24px}.alf-pop__card{flex-direction:row;max-width:780px;border-radius:32px;translate:0 24px;scale:.97;opacity:0;transition:translate .35s cubic-bezier(.2,.8,.2,1),scale .35s cubic-bezier(.2,.8,.2,1),opacity .25s;box-shadow:inset 0 0 0 1.5px var(--alf-purple-100),0 8px 0 var(--alf-tone-lav-side),var(--alf-shadow-panel)}.alf-pop.is-open .alf-pop__card{translate:0 0;scale:1;opacity:1}.alf-pop__art{width:42%;height:auto;min-height:440px;border-radius:32px 0 0 32px}.alf-pop__art{display:block}.alf-pop__body{flex:1;align-self:center;padding:44px 40px 36px}.alf-pop__t{font-size:34px}.alf-pop__no{margin:16px 0 0;padding:8px 0}}@media(prefers-reduced-motion:reduce){.alf-pop__card,.alf-pop__overlay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/alf-popup.css.map */
