.braidjoy-scratch-popup{--bjsp-brown: #4c2626;--bjsp-font: Montserrat, Arial, sans-serif;position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;box-sizing:border-box;font-family:var(--bjsp-font);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.braidjoy-scratch-popup.is-open{opacity:1;visibility:visible;pointer-events:auto}html.braidjoy-scratch-popup-open{overflow:hidden}.braidjoy-scratch-popup>.braidjoy-scratch-popup__backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000070}.braidjoy-scratch-popup__dialog{position:relative;z-index:1;width:min(924px,100%);height:min(606px,calc(100dvh - 40px));overflow:hidden;outline:none;background:linear-gradient(112deg,#fff 43%,#f5fffe 66%,#dcf7f4);box-shadow:0 24px 70px #00000040}.braidjoy-scratch-popup__content{position:relative;height:100%}.braidjoy-scratch-popup__left{position:relative;z-index:2;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:51%;height:100%;padding:39px 28px 32px;text-align:center}.braidjoy-scratch-popup__media{position:absolute;inset:0 0 0 auto;z-index:1;width:55%;pointer-events:none}.braidjoy-scratch-popup__media picture,.braidjoy-scratch-popup__image{display:block;width:100%;height:100%}.braidjoy-scratch-popup__image{object-fit:cover;object-position:right bottom}.braidjoy-scratch-popup__close{position:absolute;z-index:3;top:9px;right:13px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:transparent;color:#111;font:300 28px/1 Arial,sans-serif;cursor:pointer}.braidjoy-scratch-popup__logo-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:42px;margin:0 0 38px;flex:none}.braidjoy-scratch-popup__logo{display:block;width:141px;height:auto;max-height:42px;object-fit:contain}.braidjoy-scratch-popup__state{display:flex;flex-direction:column;align-items:center;width:100%}.braidjoy-scratch-popup__state[hidden]{display:none}.braidjoy-scratch-popup__heading{max-width:420px;margin:0 0 14px;color:var(--bjsp-brown);font:700 33px/35px var(--bjsp-font);letter-spacing:-1.15px;text-align:center}.braidjoy-scratch-popup__body{max-width:330px;margin:0 0 55px;color:#292424;font:300 15px/18px var(--bjsp-font);text-align:center}.braidjoy-scratch-popup__scratch-card{position:relative;width:332px;max-width:100%;height:182px;margin:0 0 31px;overflow:hidden;border-radius:9px;background:transparent}.braidjoy-scratch-popup__reward{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;color:#111;text-align:center;font:300 31px/36px var(--bjsp-font)}.braidjoy-scratch-popup__reward span,.braidjoy-scratch-popup__reward strong{display:block}.braidjoy-scratch-popup__reward strong{font-weight:500}.braidjoy-scratch-popup__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.braidjoy-scratch-popup__button{width:332px;max-width:100%;min-height:59px;padding:15px 25px;border:0;border-radius:999px;background:var(--bjsp-brown);color:#fff;font:300 23px/29px var(--bjsp-font);cursor:pointer;transition:background-color .16s ease}.braidjoy-scratch-popup__button:hover{background:#361919}.braidjoy-scratch-popup.is-email-state .braidjoy-scratch-popup__logo-wrap,.braidjoy-scratch-popup.is-success-state .braidjoy-scratch-popup__logo-wrap{margin-bottom:78px}.braidjoy-scratch-popup__state--form .braidjoy-scratch-popup__heading{margin-bottom:13px}.braidjoy-scratch-popup__state--form .braidjoy-scratch-popup__body{margin-bottom:45px}.braidjoy-scratch-popup__form{display:flex;flex-direction:column;align-items:center;width:100%}.braidjoy-scratch-popup__input,.braidjoy-scratch-popup__promo{box-sizing:border-box;display:block;width:332px;max-width:100%;min-height:58px;margin:0 0 26px;padding:16px 25px;border:0;border-radius:999px;background:#fff;box-shadow:0 3px 8px #00000035;color:#292424;font:300 18px/24px var(--bjsp-font);text-align:left}.braidjoy-scratch-popup__input::placeholder{color:#a6a6a6;opacity:1}.braidjoy-scratch-popup__input:focus{outline:2px solid var(--bjsp-brown);outline-offset:2px}.braidjoy-scratch-popup__error{margin:-17px 0 12px;color:#b3261e;font-size:13px}.braidjoy-scratch-popup__success-heading{max-width:420px;margin:0 0 18px;color:#111;font:400 41px/43px var(--bjsp-font);letter-spacing:-1.3px;text-align:center}.braidjoy-scratch-popup__success-subtext{margin:0 0 40px;color:#111;font:300 22px/28px var(--bjsp-font);text-align:center}.braidjoy-scratch-popup__promo{margin:0;white-space:nowrap}.braidjoy-scratch-popup__promo span{font-weight:300}.braidjoy-scratch-popup__promo strong{font-weight:500}@media screen and (min-width:750px)and (max-width:989px){.braidjoy-scratch-popup__left{padding-right:18px;padding-left:18px}.braidjoy-scratch-popup__heading{font-size:30px;line-height:33px}.braidjoy-scratch-popup__success-heading{font-size:37px;line-height:39px}}@media screen and (max-width:749px){.braidjoy-scratch-popup{align-items:start;padding:12px;overflow-y:auto}.braidjoy-scratch-popup__dialog{width:min(460px,100%);height:auto;min-height:0;overflow:hidden}.braidjoy-scratch-popup__content{display:flex;flex-direction:column}.braidjoy-scratch-popup__left{width:100%;height:auto;padding:26px 23px 30px}.braidjoy-scratch-popup__media{position:relative;order:2;width:100%;height:min(72vw,340px);overflow:hidden}.braidjoy-scratch-popup__image{object-fit:contain;object-position:center bottom}.braidjoy-scratch-popup__logo-wrap{margin-bottom:29px}.braidjoy-scratch-popup__heading{max-width:390px;font-size:29px;line-height:32px;letter-spacing:-.9px}.braidjoy-scratch-popup__body{margin-bottom:27px;font-size:14px;line-height:18px}.braidjoy-scratch-popup__scratch-card{width:100%;height:auto;aspect-ratio:332 / 182;margin-bottom:25px}.braidjoy-scratch-popup__button,.braidjoy-scratch-popup__input,.braidjoy-scratch-popup__promo{width:100%}.braidjoy-scratch-popup__button{font-size:20px;line-height:25px}.braidjoy-scratch-popup__reward{font-size:28px;line-height:33px}.braidjoy-scratch-popup.is-email-state .braidjoy-scratch-popup__logo-wrap,.braidjoy-scratch-popup.is-success-state .braidjoy-scratch-popup__logo-wrap{margin-bottom:43px}.braidjoy-scratch-popup__state--form .braidjoy-scratch-popup__body{margin-bottom:29px}.braidjoy-scratch-popup__success-heading{font-size:34px;line-height:37px}.braidjoy-scratch-popup__success-subtext{margin-bottom:30px;font-size:19px;line-height:25px}.braidjoy-scratch-popup__promo{font-size:17px}}@media screen and (min-width:750px)and (max-height:690px){.braidjoy-scratch-popup__left{padding-top:22px}.braidjoy-scratch-popup__logo-wrap{margin-bottom:23px}.braidjoy-scratch-popup__body{margin-bottom:25px}.braidjoy-scratch-popup__scratch-card{height:min(182px,28vh);margin-bottom:20px}.braidjoy-scratch-popup.is-email-state .braidjoy-scratch-popup__logo-wrap,.braidjoy-scratch-popup.is-success-state .braidjoy-scratch-popup__logo-wrap{margin-bottom:35px}.braidjoy-scratch-popup__state--form .braidjoy-scratch-popup__body{margin-bottom:23px}}@media(prefers-reduced-motion:reduce){.braidjoy-scratch-popup{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/braidjoy-scratch-popup.css.map */