html.popup-lock{overflow:hidden}.popup{--_background: var(--pp-background, var(--popup-background));--_text: var(--pp-text, var(--popup-text));--_radius: var(--pp-radius, var(--popup-radius));--_close: var(--pp-close-size, var(--popup-close-size));--_padding: var(--pp-padding);position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;pointer-events:none;color:var(--_text)}.popup:not(.is-open) .popup__overlay,.popup:not(.is-open) .popup__frame{visibility:hidden}.popup.is-open .popup__overlay,.popup.is-open .popup__panel{pointer-events:auto}.popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pp-overlay, var(--popup-overlay));backdrop-filter:blur(var(--pp-blur));-webkit-backdrop-filter:blur(var(--pp-blur))}.popup__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--pp-gutter);overflow-y:auto;overscroll-behavior:contain}.popup[data-position=top_center] .popup__frame{align-items:flex-start}.popup[data-position=bottom_center] .popup__frame{align-items:flex-end}.popup[data-position=bottom_right] .popup__frame{align-items:flex-end;justify-content:flex-end}.popup[data-position=bottom_left] .popup__frame{align-items:flex-end;justify-content:flex-start}.popup[data-position=fullscreen] .popup__frame{padding:0}.popup[data-overlay=false] .popup__frame{inset:auto;top:0;right:0;bottom:0;left:0;pointer-events:none}.popup__panel{position:relative;display:grid;width:min(var(--pp-width),100%);min-height:var(--pp-min-height);max-height:100%;margin:auto 0;grid-template-columns:minmax(0,1fr);overflow:hidden auto;border:var(--pp-border, var(--popup-border-width) var(--popup-border-style) var(--popup-border));border-radius:var(--_radius);background:var(--pp-gradient, var(--_background));box-shadow:var(--pp-shadow, var(--popup-shadow));outline:none}.popup[data-position^=bottom] .popup__panel,.popup[data-position=top_center] .popup__panel{margin:0}.popup[data-position=fullscreen] .popup__panel{width:100%;min-height:100%;border:0;border-radius:0}.popup__media{position:relative;min-width:0;min-height:0;overflow:hidden}.popup__media picture{display:contents}.popup__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--pp-image-fit)}.popup[data-image=left] .popup__panel{grid-template-columns:var(--pp-image-width) minmax(0,1fr)}.popup[data-image=right] .popup__panel{grid-template-columns:minmax(0,1fr) var(--pp-image-width)}.popup[data-image=right] .popup__media{order:2}.popup[data-image=left] .popup__media,.popup[data-image=right] .popup__media{min-height:260px}.popup[data-image=top] .popup__media{height:var(--pp-image-height)}.popup[data-image=background] .popup__media{position:absolute;top:0;right:0;bottom:0;left:0}.popup[data-image=background] .popup__media:after{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pp-tint);content:"";opacity:var(--pp-tint-opacity)}@media(min-width:750px){.popup[data-image-desktop=none] .popup__media{display:none}.popup[data-image-desktop=none] .popup__panel{grid-template-columns:minmax(0,1fr)}.popup[data-overlay=false] .popup__overlay{display:none}}.popup__content{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:var(--_padding)}.popup[data-valign=start] .popup__content{justify-content:flex-start}.popup[data-valign=end] .popup__content{justify-content:flex-end}.popup__inner{display:flex;width:100%;max-width:var(--pp-content-width);flex-direction:column;margin-inline:auto;text-align:var(--_align, center)}.popup[data-align=left]{--_align: left;--_items: flex-start}.popup[data-align=center]{--_align: center;--_items: center}.popup[data-align=right]{--_align: right;--_items: flex-end}.popup:not([data-step=game]) [data-show-on=game],.popup:not([data-step=question]) [data-show-on=question],.popup:not([data-step=email]) [data-show-on=email],.popup:not([data-step=success]) [data-show-on=success],.popup[data-step=success] [data-show-on=before_success],.popup[data-step=game] [data-show-on=after_game],.popup:not([data-step=email]) .popup-form,.popup:not([data-step=success]) .popup-success{display:none}.popup:not([data-step=question]) .popup-answer{display:none}.popup[data-answers][data-step=question] .popup__inner{display:grid;grid-template-columns:repeat(var(--_answer-columns, 1),minmax(0,1fr));column-gap:10px}.popup[data-answers="2"]{--_answer-columns: 2}.popup[data-answers="3"]{--_answer-columns: 3}.popup[data-answers][data-step=question] .popup__inner>:not(.popup-answer){grid-column:1 / -1}.popup[data-answers=auto][data-step=question] .popup__inner{display:flex;flex-flow:row wrap;justify-content:var(--_items, center);column-gap:10px}.popup[data-answers=auto][data-step=question] .popup__inner>:not(.popup-answer){flex:0 0 100%}.popup-answer__button.button{width:100%;transition:transform .35s var(--animation-easing),color var(--hover-duration),background-color var(--hover-duration),border-color var(--hover-duration)}.popup-answer__button.button:hover{transform:translateY(-2px)}.popup-answer__button.is-selected{border-color:var(--_hover-border);background:var(--_hover-background);color:var(--_hover-text);transform:scale(.97)}.popup-cards{display:grid;width:100%;grid-template-columns:repeat(var(--pc-columns),minmax(0,var(--pc-width)));justify-content:var(--_items, center);gap:12px;padding:4px 0}.popup-card{position:relative;width:100%;aspect-ratio:var(--pc-ratio);padding:0;border:0;background:none;color:inherit;container-type:inline-size;perspective:900px}.popup-card__turn{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(0) rotate(0) rotateY(0);transform-style:preserve-3d;transition:transform .75s var(--animation-easing)}.popup-card:not(.is-flipped):hover .popup-card__turn{transform:translateY(-5px) rotate(-2deg) rotateY(0)}.popup[data-hover-animations=false] .popup-card:not(.is-flipped):hover .popup-card__turn{transform:none}.popup-card.is-flipped{cursor:default}.popup-card.is-flipped .popup-card__turn{transform:translateY(0) rotate(0) rotateY(180deg)}.popup-card__side{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;padding:6px;border:var(--pc-border-width) solid var(--pc-border);border-radius:var(--pc-radius);background-clip:padding-box;outline:1px solid transparent;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}.popup-card__back{background-color:var(--pc-back);box-shadow:0 6px 16px -10px #0006;color:var(--pc-symbol);font-size:40cqi;font-weight:900;line-height:1;transform:translateZ(.5px)}.popup-card.is-flipped .popup-card__back{box-shadow:none}.popup-card__back img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.popup-card__front{background-color:var(--pc-face);color:var(--pc-face-text);font-size:17cqi;font-weight:800;line-height:1.1;transform:rotateY(180deg) translateZ(.5px)}.popup-card.is-win .popup-card__front{border-color:var(--pc-win-border);background-color:var(--pc-win);color:var(--pc-win-text);animation:popup-card-win .9s var(--animation-easing) both}.popup-card.is-dim{opacity:.42;transition:opacity .6s ease}.popup-card:after{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--pc-win-border);border-radius:var(--pc-radius);content:"";opacity:0;pointer-events:none}.popup-card.is-win:after{animation:popup-card-ring .9s var(--animation-easing) both}@keyframes popup-card-win{35%{transform:rotateY(180deg) translateZ(.5px) scale(1.1)}}@keyframes popup-card-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}.popup__close{position:absolute;top:12px;right:12px;z-index:3;display:grid;width:var(--_close);height:var(--_close);place-items:center;padding:0;border:0;border-radius:50%;background:var(--pp-close-bg);color:var(--pp-close-color);transition:opacity .2s,transform .2s var(--animation-easing);--icon-size: calc(var(--_close) * .47)}.popup[data-close=plain] .popup__close{background:none}.popup[data-position=fullscreen] .popup__close{top:20px;right:20px}.popup__close:hover{transform:rotate(90deg)}.popup[data-hover-animations=false] .popup__close:hover{transform:none}.popup__close.is-waiting{visibility:hidden;opacity:0}.popup-form__form,.popup-form__row,.popup-form__fields{display:flex;flex-direction:column;gap:10px}.popup-form[data-layout=inline] .popup-form__row{flex-direction:row;align-items:flex-start}.popup-form[data-layout=inline] .popup-form__fields{flex:1}.popup-field__input{min-height:var(--pp-field-height, var(--input-height));font-size:var(--pp-field-text, var(--input-text-size));text-align:left}.popup-form[data-field-underline=true] .popup-field__input{border-width:0 0 var(--input-border-width);border-radius:0;background:none}.popup-field__error,.popup-form__error{margin-top:6px;color:var(--color-error);font-size:var(--small-text-size);text-align:left}.popup-form__submit.button{width:100%;background-image:var(--pp-button-gradient, none)}.popup-form[data-layout=inline] .popup-form__submit.button{width:auto;min-height:var(--pp-field-height, var(--input-height));flex:none}.popup-form__small{font-size:var(--caption-text-size);line-height:1.45;opacity:.72}.popup-form__small a{color:inherit}.popup-form__decline{margin-top:2px;align-self:center;padding:4px 8px;border:0;background:none;color:var(--pp-decline);font-size:var(--small-text-size);text-decoration:underline;text-underline-offset:3px}.popup-success{display:flex;flex-direction:column;align-items:var(--_items, center);gap:14px}.popup-success__icon{--icon-size: 32px;display:grid;width:68px;height:68px;place-items:center;border-radius:50%;background:var(--pp-accent);color:var(--color-accent-text)}.popup[data-step=success].is-open .popup-success__icon{animation:popup-pop .7s var(--animation-easing) both}@keyframes popup-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.popup-success__heading{color:var(--pp-success-color);font-family:var(--pp-success-font);font-size:var(--pp-success-size);font-weight:800;line-height:1.08;letter-spacing:-.02em}.popup-code{display:flex;width:100%;max-width:380px;align-items:center;gap:10px;padding:8px 8px 8px 16px;border:2px dashed var(--pp-code-border);border-radius:var(--input-radius);background:var(--pp-code-background);color:var(--pp-code-text);text-align:left}.popup-code__body{display:flex;min-width:0;flex:1;flex-direction:column}.popup-code__label{font-size:var(--caption-text-size);font-weight:700;letter-spacing:.12em;opacity:.7;text-transform:uppercase}.popup-code__value{font-size:var(--heading-h5-size);font-weight:800;letter-spacing:.06em;overflow-wrap:anywhere}.popup-code__copy{min-height:40px;flex:none;padding:0 16px;border:0;border-radius:calc(var(--input-radius) * .7);background:var(--pp-accent);color:var(--color-accent-text);font-size:var(--small-text-size);font-weight:700}.popup-code__note{color:var(--color-success);font-size:var(--small-text-size);font-weight:600}.popup-success__button{width:100%;max-width:380px}.popup-teaser{position:fixed;z-index:2;display:inline-flex;align-items:flex-start;pointer-events:auto;font-size:var(--pp-teaser-size)}.popup-teaser[hidden]{display:none}.popup-teaser[data-position^=bottom]{bottom:var(--pp-teaser-offset)}.popup-teaser[data-position$=left]{left:var(--pp-teaser-offset)}.popup-teaser[data-position$=right]{right:var(--pp-teaser-offset)}.popup-teaser[data-position=bottom_center]{left:50%;transform:translate(-50%)}.popup-teaser[data-position^=middle]{top:50%;transform:translateY(-50%)}.popup-teaser__open{--icon-size: 1.25em;display:inline-flex;min-height:3.1em;align-items:center;gap:8px;padding:0 1.2em;border:var(--pp-teaser-border);border-radius:999px;background:var(--pp-teaser-background);box-shadow:0 8px 24px #0000002e;color:var(--pp-teaser-text);font-size:inherit;font-weight:700}.popup-teaser[data-style=square] .popup-teaser__open{border-radius:var(--pp-teaser-radius)}.popup-teaser[data-style=circle] .popup-teaser__open{width:3.4em;height:3.4em;justify-content:center;padding:0;border-radius:50%}.popup-teaser[data-pulse=true] .popup-teaser__open{animation:popup-pulse 2.4s ease-in-out infinite}@keyframes popup-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.popup-teaser__hide{--icon-size: 10px;display:grid;width:20px;height:20px;margin:-6px 0 0 -10px;place-items:center;padding:0;border:0;border-radius:50%;background:var(--color-elevated);box-shadow:0 2px 6px #0003;color:var(--color-text)}.popup-confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;pointer-events:none}@media(max-width:749px){.popup{--_padding: var(--pp-padding-mobile)}.popup[data-overlay-mobile=false] .popup__overlay{display:none}.popup[data-mobile-position=center] .popup__frame{align-items:center;justify-content:center;padding:var(--pp-gutter)}.popup[data-mobile-position=center] .popup__panel,.popup[data-mobile-position=sheet] .popup__panel{min-height:0;border:var(--pp-border, var(--popup-border-width) var(--popup-border-style) var(--popup-border));border-radius:var(--_radius)}.popup[data-mobile-position=center] .popup__panel{width:min(var(--pp-width),100%)}.popup[data-mobile-position=center] .popup__close,.popup[data-mobile-position=sheet] .popup__close{top:12px;right:12px}.popup[data-mobile-position=sheet] .popup__frame{align-items:flex-end;justify-content:center;padding:0}.popup[data-mobile-position=sheet] .popup__panel{width:100%;margin:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.popup[data-mobile-position=fullscreen] .popup__frame{padding:0}.popup[data-mobile-position=fullscreen] .popup__panel{width:100%;min-height:100%;border:0;border-radius:0}.popup__panel{min-height:0}.popup[data-position=fullscreen][data-mobile-position=same] .popup__panel{min-height:100%}.popup[data-image=left] .popup__panel,.popup[data-image=right] .popup__panel{grid-template-columns:minmax(0,1fr)}.popup[data-image=left] .popup__media,.popup[data-image=right] .popup__media,.popup[data-image=top] .popup__media{order:0;height:var(--pp-image-height-mobile);min-height:0}.popup[data-image-mobile=hide][data-image=left] .popup__media,.popup[data-image-mobile=hide][data-image=right] .popup__media{display:none}.popup-field__input{min-height:var(--pp-field-height-mobile, var(--input-height));font-size:max(16px,var(--pp-field-text-mobile, var(--input-text-size)))}.popup-form[data-layout=inline] .popup-form__row{flex-direction:column;align-items:stretch}.popup-form[data-layout=inline] .popup-form__submit.button{width:100%}.popup-success__heading{font-size:var(--pp-success-size-mobile)}.popup-teaser{font-size:var(--pp-teaser-size-mobile)}}@media(prefers-reduced-motion:reduce){.popup-teaser[data-pulse=true] .popup-teaser__open,.popup[data-step=success].is-open .popup-success__icon{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/popups.css.map */