popup-campaign{--popup-bg: #ffffff;--popup-text: #17263d;--popup-accent: #d2a927;--popup-accent-text: #17263d;--popup-radius: 18px;--popup-overlay: rgba(23, 38, 61, .6);--popup-width: 900px;--popup-gutter: 1.5rem;--popup-layer: 2147483600;--popup-safe-bottom: env(safe-area-inset-bottom, 0px);--popup-offset-x: 0px;--popup-offset-y: 0px;--popup-teaser-offset-x: 0px;--popup-teaser-offset-y: 0px;display:contents}popup-campaign:not([open]) .popup__overlay,popup-campaign:not([open]) .popup__dialog{display:none}.popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--popup-layer);background:var(--popup-overlay);animation:popup-fade .25s ease forwards}.popup--bar .popup__overlay,.popup--slide-in .popup__overlay{display:none}.popup__dialog{position:fixed;z-index:calc(var(--popup-layer) + 1);display:flex;overflow:hidden;width:calc(100vw - 2 * var(--popup-gutter));max-width:var(--popup-width);max-height:calc(100dvh - 2 * var(--popup-gutter));box-sizing:border-box;border-radius:var(--popup-radius);background:var(--popup-bg);box-shadow:0 24px 60px #17263d47;color:var(--popup-text)}.popup--center .popup__dialog{top:50%;left:50%;transform:translate(-50%,-50%);animation:popup-scale-in .32s cubic-bezier(.16,1,.3,1) forwards}.popup--slide-in .popup__dialog{max-width:420px;animation:popup-slide-up .32s cubic-bezier(.16,1,.3,1) forwards}.popup--slide-in.popup--bottom-right .popup__dialog{right:calc(var(--popup-gutter) + var(--popup-offset-x));bottom:calc(var(--popup-gutter) + var(--popup-safe-bottom) + var(--popup-offset-y))}.popup--slide-in.popup--bottom-left .popup__dialog{bottom:calc(var(--popup-gutter) + var(--popup-safe-bottom) + var(--popup-offset-y));left:calc(var(--popup-gutter) + var(--popup-offset-x))}.popup--slide-in.popup--top-right .popup__dialog{top:calc(var(--popup-gutter) + var(--popup-offset-y));right:calc(var(--popup-gutter) + var(--popup-offset-x))}.popup--slide-in.popup--top-left .popup__dialog{top:calc(var(--popup-gutter) + var(--popup-offset-y));left:calc(var(--popup-gutter) + var(--popup-offset-x))}.popup--bar .popup__dialog{left:0;width:100vw;max-width:none;border-radius:0;animation:popup-slide-up .28s cubic-bezier(.16,1,.3,1) forwards}.popup--bar.popup--bar-top .popup__dialog{top:0}.popup--bar.popup--bar-bottom .popup__dialog{bottom:0}.popup--fullscreen .popup__dialog{top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;max-height:none;border-radius:0;animation:popup-fade .3s ease forwards}.popup__media{position:relative;flex:0 0 42%;align-self:stretch;min-height:220px}.popup__media img{display:block;width:100%;height:100%;object-fit:cover}.popup__body{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding:2.75rem 2.5rem;overflow-y:auto;overscroll-behavior:contain;gap:.75rem;text-align:var(--popup-align, center)}.popup--image-right .popup__dialog{flex-direction:row-reverse}.popup--image-top .popup__dialog{flex-direction:column}.popup--image-top .popup__media{flex:0 0 200px}.popup--image-background .popup__dialog{background-image:var(--popup-image);background-position:center;background-size:cover}.popup--image-background .popup__media{display:none}.popup--image-background .popup__body{background:linear-gradient(to bottom,#17263d26,#17263dbf)}.popup--fullscreen .popup__body{max-width:560px;margin:auto}.popup--bar .popup__dialog{align-items:center}.popup--bar .popup__media{display:none}.popup--bar .popup__body{flex-flow:row wrap;align-items:center;justify-content:center;padding:1rem 3.5rem 1rem 1.5rem;gap:.75rem 1.5rem;text-align:left}.popup--bar.popup--bar-bottom .popup__body{padding-bottom:calc(1rem + var(--popup-safe-bottom))}.popup--bar .popup__form{flex-flow:row nowrap;width:auto;max-width:none}.popup__eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.popup__heading{margin:0;font-size:clamp(1.6rem,1.1rem + 1.6vw,2.4rem);line-height:1.12}.popup--bar .popup__heading{font-size:1.1rem}.popup__text{margin:0;line-height:1.5;opacity:.85}.popup__text>:first-child{margin-top:0}.popup__text>:last-child{margin-bottom:0}.popup__form{display:flex;flex-direction:column;width:100%;max-width:26rem;margin:.5rem auto 0;gap:.6rem}.popup__input{width:100%;padding:.95rem 1rem;border:1px solid rgba(23,38,61,.25);border-radius:calc(var(--popup-radius) / 3);background:#fff;box-sizing:border-box;color:#17263d;font-family:inherit;font-size:1rem}.popup__input:focus-visible{outline:2px solid var(--popup-accent);outline-offset:1px}.popup__button{position:relative;padding:.95rem 1.5rem;border:0;border-radius:calc(var(--popup-radius) / 3);background:var(--popup-accent);color:var(--popup-accent-text);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.02em;transition:filter .15s ease,transform .15s ease}.popup__button:hover{filter:brightness(1.08);transform:translateY(-1px)}.popup__button[disabled]{cursor:wait;opacity:.65}.popup__button--loading{color:transparent}.popup__button--loading:after{position:absolute;top:50%;left:50%;width:1.1rem;height:1.1rem;margin:-.55rem 0 0 -.55rem;border:2px solid currentcolor;border-radius:50%;border-top-color:transparent;animation:popup-spin .7s linear infinite;color:var(--popup-accent-text);content:""}.popup__button--secondary{border:0;background:none;color:inherit;cursor:pointer;font-family:inherit;font-size:.85rem;opacity:.7;text-decoration:underline}.popup__consent{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;line-height:1.4;opacity:.85;text-align:left}.popup__consent input{flex:0 0 auto;margin-top:.15rem}.popup__disclaimer{font-size:.68rem;line-height:1.45;opacity:.65}.popup__disclaimer a{color:inherit}.popup__disclaimer--captcha{font-size:.62rem;opacity:.55}.popup__error{padding:.5rem .75rem;border-radius:calc(var(--popup-radius) / 4);background:#cc33331f;color:#b42318;font-size:.85rem;text-align:left}.popup__code{display:inline-flex;align-items:center;align-self:center;padding:.75rem 1.25rem;border:2px dashed var(--popup-accent);border-radius:calc(var(--popup-radius) / 3);background:none;color:inherit;cursor:pointer;font-family:inherit;font-size:1.25rem;font-weight:700;gap:.6rem;letter-spacing:.1em}.popup__code-hint:after{content:attr(data-copy-label)}.popup__code--copied .popup__code-hint:after{content:attr(data-copied-label)}.popup__close{position:absolute;top:.5rem;right:.5rem;z-index:2;display:grid;width:44px;height:44px;border:0;border-radius:50%;background:#ffffffd9;color:#17263d;cursor:pointer;place-items:center}.popup__close:hover{background:#fff}.popup__close svg{width:1.1rem;height:1.1rem}.popup--bar .popup__close{top:50%;transform:translateY(-50%)}.popup__teaser{position:fixed;bottom:calc(var(--popup-safe-bottom) + var(--popup-teaser-offset-y));left:calc(var(--popup-gutter) + var(--popup-teaser-offset-x));z-index:calc(var(--popup-layer) - 2);padding:.6rem 1.1rem;border:0;border-radius:var(--popup-radius) var(--popup-radius) 0 0;background:var(--popup-accent);box-shadow:0 -4px 18px #17263d33;color:var(--popup-accent-text);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600}.popup__teaser--right{right:calc(var(--popup-gutter) + var(--popup-teaser-offset-x));left:auto}.popup__teaser--middle-left,.popup__teaser--middle-right{top:50%;bottom:auto;padding:1.1rem .6rem;transform:translateY(calc(-50% - var(--popup-teaser-offset-y)));box-shadow:0 4px 18px #17263d33;writing-mode:vertical-rl}.popup__teaser--middle-left{right:auto;left:var(--popup-teaser-offset-x);border-radius:0 var(--popup-radius) var(--popup-radius) 0}.popup__teaser--middle-right{right:var(--popup-teaser-offset-x);left:auto;border-radius:var(--popup-radius) 0 0 var(--popup-radius)}.popup__wheel{position:relative;flex:0 0 46%;align-self:center;aspect-ratio:1;margin:1.5rem}.popup__wheel-face{display:block;width:100%;height:100%;filter:drop-shadow(0 8px 24px rgba(23,38,61,.25));transform:rotate(0);transform-origin:50% 50%}.popup__wheel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none}@keyframes popup-fade{0%{opacity:0}to{opacity:1}}@keyframes popup-scale-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popup-slide-up{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes popup-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.popup__overlay,.popup__dialog{animation-duration:1ms}.popup__wheel-face{transition-duration:1ms!important}}@media screen and (max-width:749px){popup-campaign{--popup-gutter: 1rem}.popup__dialog,.popup--slide-in .popup__dialog{flex-direction:column;width:calc(100vw - 2 * var(--popup-gutter));max-width:none}.popup--center .popup__dialog,.popup--slide-in .popup__dialog{top:auto;right:var(--popup-gutter);bottom:calc(var(--popup-gutter) + var(--popup-safe-bottom) + var(--popup-offset-y));left:var(--popup-gutter);max-height:70dvh;transform:none;animation-name:popup-slide-up}.popup--fullscreen .popup__dialog{height:100dvh}.popup__body{padding:2rem 1.35rem}.popup--image-left .popup__media,.popup--image-right .popup__media{flex:0 0 150px}.popup--bar .popup__body{flex-direction:column;padding:1rem 2.75rem 1rem 1.25rem;align-items:stretch;text-align:center}.popup--bar .popup__form{flex-direction:column}.popup__wheel{flex-basis:auto;width:74%;margin:1.25rem auto 0}.popup--wheel .popup__dialog{flex-direction:column-reverse}}@media screen and (max-width:749px)and (orientation:landscape){.popup--center .popup__dialog{max-height:92dvh}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/component-popup-campaigns.css.map */
