.popup-overlay{position:fixed;top:0;left:0;z-index:1090;transition:width 0s,height 0s,background-color .3s;width:0;height:0;background-color:#0000}.popup-overlay--active{width:100%;height:100%;background-color:#0000004d}.popup-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transform-origin:center center;border-radius:1.25rem;overflow:hidden;visibility:hidden;opacity:0;z-index:1100;transition:all .3s ease-in-out;max-width:calc(100% - 1rem);width:38rem}.popup-modal--image{width:76rem}.popup-modal--image-second .popup-modal__content{order:-1}.popup-modal__container{display:flex}.popup-modal--active{transform:translate(-50%,-50%);visibility:visible;opacity:1}.popup-modal__image{width:100%;max-width:38rem;position:relative}.popup-modal__image img{object-fit:cover;object-position:center center;vertical-align:bottom;position:absolute;top:0;left:0}.popup-modal__content{text-align:center;display:flex;flex-direction:column;align-items:center;padding:5rem 2rem 2.5rem;background:rgb(var(--color-background));max-width:38rem;width:100%}.popup-modal__title{margin:0;margin-bottom:2rem;z-index:0;margin-top:2rem}.popup-modal__title span{display:block}.popup-modal__title .title{margin:0;position:relative;z-index:0}.popup-modal__title .title:before{content:"";display:block;width:25rem;height:25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-35%);border-radius:50%;z-index:-1;background:linear-gradient(180deg,rgba(var(--color-base-accent-1),.1) 20%,#0000 60%)}.popup-modal__title__prefix,.popup-modal__title__suffix{font-size:calc(var(--font-heading-scale) * 1.6rem)}.popup-modal__title .h2{font-size:calc(var(--font-heading-scale) * 2.5rem)}.popup-modal__title .h1{font-size:calc(var(--font-heading-scale) * 3.5rem)}.popup-modal__title .h0{font-size:calc(var(--font-heading-scale) * 4.5rem)}.popup-modal__title .title{line-height:calc(1 + .2 / max (1,var(--font-heading-scale)))}.popup-modal__text p{margin-top:0;line-height:1.4;margin-bottom:.5em}.popup-modal__timer p{margin:0;line-height:1;margin-bottom:1.5rem;font-weight:var(--font-heading-weight)}.popup-modal__timer__minutes,.popup-modal__timer__seconds{font-size:4rem}.popup-modal__timer__colon{font-size:3rem}.popup-modal__email-form{padding:0 3rem;width:100%}.popup-modal .newsletter-form__message{justify-content:center;width:100%;margin-top:1rem}.popup-modal .button{width:100%;margin-top:.75rem;margin-bottom:1.5rem}.popup-modal__close{cursor:pointer;outline:none;width:4rem;height:4rem;position:absolute;top:.5rem;right:.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;border:solid .2rem rgba(var(--color-foreground),.5);background:rgb(var(--color-background));z-index:2}.popup-modal__close span{display:block;width:2.5rem;height:.2rem;background:rgba(var(--color-foreground),.5);transform:rotate(45deg);flex-shrink:0}.popup-modal__close span:nth-child(2){position:absolute;transform:rotate(-45deg)}.popup-modal__dismiss-btn{border:none;outline:none;background:none;font-size:1.4rem;color:rgba(var(--color-foreground),.75);cursor:pointer;position:relative}.popup-modal__dismiss-btn:hover{text-decoration:underline}@media screen and (max-width:50rem){.popup-modal__image{display:none}.popup-modal--image{width:38rem}}.success-popup-modal__text{margin-bottom:1rem}.popup-modal__discount-code{margin-bottom:1.5rem;position:relative}.field:hover.field:after{box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity))}.popup-modal__discount-code .field{align-items:center}.popup-modal__discount-code .field__input{padding-left:1.2rem;box-shadow:none;cursor:default}.popup-modal__discount-code .field__input:not(:placeholder-shown)~.field__label{left:calc(var(--inputs-border-width) + 1.2rem)}.popup-modal .popup-modal__copy-btn{margin:0;display:flex;align-items:center;min-width:auto;width:fit-content;min-height:3.9rem;line-height:1;margin-right:.4rem;font-size:1.6rem;padding:0 2.5rem}.popup-modal__copy-btn svg{width:1.6rem;height:1.6rem;margin-left:.5rem}.popup-modal__success-msg{font-size:1.3rem;margin:0;margin-top:.2rem;color:#00a100;display:none}.ds-tag-popup{--ds-ink: #14262c;--ds-muted: #5d6e73;--ds-teal: #0d7f8a;--ds-teal-deep: #09606a;--ds-ochre: #cf7733;--ds-mist: #f1f6f6;--ds-ease: cubic-bezier(.2, .8, .2, 1);font-family:var(--font-body-family);color:var(--ds-ink)}.ds-tag-popup .ds-tag-popup__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1090;background:#09141885;touch-action:none;transition:opacity .3s,visibility 0s}.ds-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1100;max-height:92vh;max-height:92dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-radius:2.6rem 2.6rem 0 0;box-shadow:0 -1.4rem 4rem -2rem #00000073;transition:transform .4s var(--ds-ease),visibility 0s}.ds-sheet:focus{outline:none}.ds-tag-popup[data-open=false] .ds-tag-popup__backdrop{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s .3s}.ds-tag-popup[data-open=false] .ds-sheet{transform:translateY(105%);visibility:hidden;transition:transform .4s var(--ds-ease),visibility 0s .4s}.ds-sheet__photo{height:15rem;overflow:hidden;transition:height .4s var(--ds-ease)}.ds-sheet__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}.ds-sheet__close{position:absolute;top:.8rem;right:.8rem;z-index:3;width:4.4rem;height:4.4rem;margin:0;padding:0;border:0;background:none;display:grid;place-items:center;cursor:pointer}.ds-sheet__close span{width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;background:#14262c80;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ds-sheet__close svg{width:1.2rem;height:1.2rem}.ds-sheet__close:focus-visible{outline:none}.ds-sheet__close:focus-visible span{outline:2px solid var(--ds-ink);outline-offset:2px}.ds-sheet__body{display:flex;flex-direction:column;gap:1.6rem;padding:1.8rem 2.2rem 2.6rem}.ds-sheet__intro{text-align:center}.ds-sheet__kicker{margin:0;font-family:var(--font-body-family);font-weight:600;font-size:1.45rem;line-height:1.3;letter-spacing:0;color:var(--ds-teal)}.ds-sheet__headline{margin:.5rem 0 0;font-family:var(--font-heading-family);font-weight:700;font-size:2.5rem;line-height:1.14;letter-spacing:-.015em;color:var(--ds-ink);text-wrap:balance}.ds-sheet__stage{display:grid;justify-items:center}.ds-tags{display:flex;justify-content:center;gap:2.2rem;padding:2.4rem 0 1.6rem}.ds-tag{--tw: 9.2rem;position:relative;width:var(--tw);height:calc(var(--tw) * 1.28);margin:0;padding:0;border:0;background:none;cursor:pointer;perspective:700px;-webkit-tap-highlight-color:transparent;transition:opacity .35s,transform .35s}.ds-tag:after{content:"";position:absolute;left:20%;right:20%;bottom:-1.3rem;height:1rem;border-radius:50%;background:#14262c38;filter:blur(5px)}.ds-tag:focus-visible{outline:3px solid var(--ds-ink);outline-offset:.8rem;border-radius:1.4rem}.ds-tag__swing{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% -12%;animation:ds-tag-sway 3s ease-in-out infinite}.ds-tag:nth-child(2) .ds-tag__swing{animation-delay:-1s}.ds-tag:nth-child(3) .ds-tag__swing{animation-delay:-2s}.ds-tag-popup[data-open=false] .ds-tag__swing{animation-play-state:paused}@keyframes ds-tag-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.ds-tag__ring{position:absolute;left:50%;top:calc(var(--tw) * -.2);width:calc(var(--tw) * .2);height:calc(var(--tw) * .42);transform:translate(-50%);border:3px solid #9aabaf;border-radius:999px}.ds-tag__inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.3,1.25,.5,1)}.ds-tag__face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;color:#fff;border-radius:calc(var(--tw) * .24) calc(var(--tw) * .24) calc(var(--tw) * .36) calc(var(--tw) * .36);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-mask:radial-gradient(circle calc(var(--tw) * .075) at 50% calc(var(--tw) * .16),#0000 95%,#000 100%);mask:radial-gradient(circle calc(var(--tw) * .075) at 50% calc(var(--tw) * .16),#0000 95%,#000 100%)}.ds-tag__face--front{background:linear-gradient(165deg,#1ba3af,#0d7f8a 52%,#095f68);box-shadow:inset 0 2px #ffffff47,inset 0 -3px #0000002e}.ds-tag__face--back{transform:rotateY(180deg);background:linear-gradient(165deg,#eba55e,#cf7733 55%,#b05d21);box-shadow:inset 0 2px #ffffff4d,inset 0 -3px #00000029}.ds-tag__paw{position:absolute;width:72%;right:-16%;bottom:-12%;opacity:.17;line-height:0}.ds-tag__paw svg{display:block;width:100%;height:auto}.ds-tag__mark,.ds-tag__prize{position:relative;margin-top:calc(var(--tw) * .14);font-family:var(--font-heading-family);font-weight:700;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.13)}.ds-tag__mark{font-size:calc(var(--tw) * .44)}.ds-tag__prize{font-size:calc(var(--tw) * .3);letter-spacing:-.03em;white-space:nowrap}.ds-tag.is-picked .ds-tag__inner{transform:rotateY(180deg)}.ds-tag.is-picked .ds-tag__swing{animation-play-state:paused}.ds-tag.is-out{opacity:0;transform:translateY(1.4rem) scale(.9);pointer-events:none}.ds-tag:disabled{cursor:default}.ds-sheet__head,.ds-sheet__reward,.ds-sheet__done{display:none}.ds-tag-popup:not([data-step=pick]) .ds-sheet__photo{height:0}.ds-tag-popup:not([data-step=pick]) .ds-sheet__close span{background:#eef3f3;color:var(--ds-ink)}.ds-tag-popup:not([data-step=pick]) .ds-sheet__intro{display:none}.ds-tag-popup:not([data-step=pick]) .ds-sheet__body{padding-top:3rem}.ds-tag-popup:not([data-step=pick]) .ds-sheet__stage{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;column-gap:2rem}.ds-tag-popup:not([data-step=pick]) .ds-tags{gap:0;padding:1.6rem 0 1rem .4rem}.ds-tag-popup:not([data-step=pick]) .ds-tag{--tw: 7.4rem}.ds-tag-popup:not([data-step=pick]) .ds-tag:not(.is-picked){display:none}.ds-tag-popup:not([data-step=pick]) .ds-tag__swing{animation:none}.ds-tag-popup[data-step=reward] .ds-sheet__head--reward,.ds-tag-popup[data-step=done] .ds-sheet__head--done{display:block;padding-right:3rem}.ds-tag-popup[data-step=reward] .ds-sheet__reward,.ds-tag-popup[data-step=done] .ds-sheet__done{display:flex}.ds-tag-popup:not([data-step=pick]) .ds-sheet__head,.ds-tag-popup:not([data-step=pick]) .ds-sheet__reward,.ds-tag-popup:not([data-step=pick]) .ds-sheet__done{animation:ds-tag-rise .45s var(--ds-ease) both}.ds-tag-popup:not([data-step=pick]) .ds-sheet__reward,.ds-tag-popup:not([data-step=pick]) .ds-sheet__done{animation-delay:.08s}@keyframes ds-tag-rise{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}.ds-sheet__title{margin:.3rem 0 0;font-family:var(--font-heading-family);font-weight:700;font-size:2.6rem;line-height:1.08;letter-spacing:-.02em;color:var(--ds-ink);text-wrap:balance}.ds-sheet__reward,.ds-sheet__done{flex-direction:column;gap:1.4rem}.ds-deal{display:grid;grid-template-columns:5.6rem minmax(0,1fr) auto;gap:1.2rem;align-items:center;padding:1rem 1.4rem 1rem 1rem;border-radius:1.4rem;background:var(--ds-mist)}.ds-deal--no-image{grid-template-columns:minmax(0,1fr) auto;padding-left:1.4rem}.ds-deal__image{display:block;width:5.6rem;height:5.6rem;object-fit:contain;border-radius:1rem;background:#fff}.ds-deal__name{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:1.4rem;font-weight:600;line-height:1.3;letter-spacing:0;color:var(--ds-ink)}.ds-deal__eg{display:block;font-size:1.25rem;font-weight:500;color:var(--ds-muted)}.ds-deal__price{margin:0;text-align:right;white-space:nowrap}.ds-deal__was{display:block;font-size:1.3rem;color:#7b8a8e}.ds-deal__now{font-family:var(--font-heading-family);font-weight:700;font-size:1.8rem;line-height:1.15;color:var(--ds-teal)}.ds-signup{display:flex;flex-direction:column;gap:1rem;margin:0}.ds-signup__label{font-size:1.5rem;font-weight:600;line-height:1.35;letter-spacing:0;color:var(--ds-ink)}.ds-signup__input{width:100%;height:5.2rem;margin:0;padding:0 1.6rem;border:1.5px solid #c9d6d8;border-radius:1.2rem;background:#fff;box-shadow:none;-webkit-appearance:none;appearance:none;font-family:var(--font-body-family);font-size:16px;font-weight:500;color:var(--ds-ink)}.ds-signup__input::placeholder{color:#8b999d;opacity:1}.ds-signup__input:focus{outline:none;border-color:var(--ds-teal);box-shadow:0 0 0 3px #0d7f8a33}.ds-signup__input[aria-invalid=true]{border-color:#b3261e}.ds-signup__error{margin:0;font-size:1.35rem;line-height:1.35;color:#b3261e}.ds-signup__error[hidden]{display:none}.ds-sheet__button{display:flex;align-items:center;justify-content:center;width:100%;min-height:5.4rem;margin:0;padding:0 2rem;border:0;border-radius:1.2rem;background:var(--ds-teal);color:#fff;font-family:var(--font-heading-family);font-weight:700;font-size:1.7rem;letter-spacing:.005em;cursor:pointer;box-shadow:0 3px 0 var(--ds-teal-deep);transition:transform .08s,box-shadow .08s}.ds-sheet__button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ds-teal-deep)}.ds-sheet__button:disabled{opacity:.7;cursor:progress}.ds-sheet__button:focus-visible{outline:3px solid var(--ds-ink);outline-offset:2px}.ds-signup__fineprint{margin:0;font-size:1.3rem;letter-spacing:0;color:#6a7a7e;text-align:center}.ds-sheet__done-text p{margin:0;font-size:1.6rem;line-height:1.45;letter-spacing:0;color:#3c4e53}.ds-tag-teaser{position:fixed;left:1.4rem;bottom:calc(2rem + env(safe-area-inset-bottom,0px));z-index:5;display:flex;align-items:center;gap:1rem;height:4.6rem;margin:0;padding:0 1.8rem 0 .8rem;border:0;border-radius:999px;background:var(--ds-ink);color:#fff;font-family:var(--font-body-family);font-weight:700;font-size:1.45rem;letter-spacing:0;cursor:pointer;box-shadow:0 1.2rem 2.6rem -1.2rem #0000008c;opacity:0;visibility:hidden;transform:translateY(8rem);transition:transform .4s var(--ds-ease),opacity .3s,visibility 0s .4s}.ds-tag-popup[data-open=false][data-dismissed=true]:not([data-step=done]) .ds-tag-teaser{opacity:1;visibility:visible;transform:none;transition:transform .4s .2s var(--ds-ease),opacity .3s .2s,visibility 0s}.ds-tag-teaser:focus-visible{outline:3px solid var(--ds-teal);outline-offset:2px}.ds-tag-teaser__icon{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:var(--ds-ochre)}.ds-tag-teaser__icon span{width:1.5rem;height:2rem;border-radius:5px 5px 7px 7px;background:#fff;-webkit-mask:radial-gradient(circle 2.3px at 50% 5px,#0000 95%,#000 100%);mask:radial-gradient(circle 2.3px at 50% 5px,#0000 95%,#000 100%)}.ds-tag-teaser__label--won,.ds-tag-popup[data-step=reward] .ds-tag-teaser__label--pick{display:none}.ds-tag-popup[data-step=reward] .ds-tag-teaser__label--won{display:inline}@media screen and (max-width:359px){.ds-tag{--tw: 8rem}.ds-tags{gap:1.4rem}.ds-sheet__body{padding-left:1.8rem;padding-right:1.8rem}}@media screen and (min-width:750px){.ds-sheet{left:50%;right:auto;top:50%;bottom:auto;width:44rem;max-height:90vh;padding-bottom:0;border-radius:2.6rem;transform:translate(-50%,-50%);transition:transform .3s var(--ds-ease),opacity .3s,visibility 0s}.ds-tag-popup[data-open=false] .ds-sheet{opacity:0;transform:translate(-50%,-46%) scale(.97);transition:transform .3s var(--ds-ease),opacity .3s,visibility 0s .3s}.ds-sheet__photo{height:19rem}.ds-tag-teaser{left:2.4rem;bottom:2.4rem}}@media(prefers-reduced-motion:reduce){.ds-tag__swing,.ds-tag-popup:not([data-step=pick]) .ds-sheet__head,.ds-tag-popup:not([data-step=pick]) .ds-sheet__reward,.ds-tag-popup:not([data-step=pick]) .ds-sheet__done{animation:none}.ds-tag__inner,.ds-sheet,.ds-sheet__photo,.ds-tag-teaser{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-promo-popup.css.map */