.ux-lucky-game-section{--ux-lucky-game-slots: 5;--ux-lucky-game-peg-color: rgb(var(--color-foreground, 18, 18, 18));--ux-lucky-game-accent: #ff111c;--ux-lucky-game-ball-color: var(--ux-lucky-game-accent);--ux-lucky-game-card-width: 45rem;--ux-lucky-game-card-height: 76rem;--ux-lucky-game-board-max-width: 30rem;position:relative;z-index:1200}.ux-lucky-game-section [hidden]{display:none!important}.ux-lucky-game-section,.ux-lucky-game-section *,.ux-lucky-game-section *:before,.ux-lucky-game-section *:after{box-sizing:border-box}.ux-lucky-game-section :focus-visible{outline:.2rem solid rgba(var(--color-foreground, 18, 18, 18),.6);outline-offset:.2rem}.ux-lucky-game-sticky{position:fixed;z-index:70;left:-1px;top:50%;transform:translateY(-50%)}.ux-lucky-game-sticky .ux-lucky-game-sticky__btn{--btn-padding-x: 1.15rem;--btn-padding-y: 1.8rem;--btn-font-size: 1.6rem;--btn-font-w: var(--font-body-weight-bold, 700);--btn-line-height: 1.15;--btn-rounded: 1rem 0 0 1rem;writing-mode:vertical-rl;transform:rotate(180deg);flex-direction:row;align-items:center;justify-content:center;gap:.8rem;width:auto;height:auto;min-width:0;min-height:0;max-width:none;max-height:min(80vh,30rem);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;box-shadow:.4rem .2rem 1.4rem -.2rem #11111152}.ux-lucky-game-sticky .ux-lucky-game-sticky__btn>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ux-lucky-game-sticky .ux-lucky-game-sticky__badge{flex:0 0 auto;max-height:13rem;padding:.75rem .5rem;font-size:1rem;font-weight:var(--font-body-weight-bold, 700);letter-spacing:.06em;text-transform:uppercase}.ux-lucky-game-section .btn.ux-lucky-game-sticky__btn{--btn-font-w: var(--font-body-weight-bold, 700);text-transform:uppercase}.ux-lucky-game-sticky__btn[data-state=claimed]{opacity:.75}.ux-lucky-game-section .btn.ux-lucky-game-sticky__btn:hover{filter:brightness(1.06)}.ux-lucky-game-section .btn.ux-lucky-game-sticky__btn:active{filter:brightness(.94)}.ux-lucky-game-sticky__badge{display:inline-flex;align-items:center;max-width:100%;padding:.3rem .9rem;border-radius:999px;background-color:rgb(var(--color-background, 255, 255, 255));color:rgb(var(--color-foreground, 18, 18, 18));font-family:var(--font-body-family, sans-serif);font-size:1.1rem;font-weight:var(--font-body-weight-bold, 700);letter-spacing:.04em;line-height:1.35;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 .2rem .6rem #1111112e}.ux-lucky-game-sticky__dismiss{position:absolute;top:-.95rem;right:-.95rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;border:0;border-radius:999px;background-color:rgb(var(--color-background, 255, 255, 255));color:rgb(var(--color-foreground, 18, 18, 18));box-shadow:0 .2rem .7rem #11111147;cursor:pointer;transition:transform .15s ease}.ux-lucky-game-sticky__dismiss:after{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;border-radius:inherit}.ux-lucky-game-sticky__dismiss svg{display:block;width:1rem;height:1rem;pointer-events:none}.ux-lucky-game-sticky__dismiss svg path{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.ux-lucky-game-sticky__dismiss:hover{transform:scale(1.1)}.ux-lucky-game-sticky__dismiss:active{transform:scale(.92)}.ux-lucky-game-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:1.6rem}.ux-lucky-game-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:block!important;background-color:rgba(0,0,0,var(--ux-lucky-game-backdrop-alpha, .65));-webkit-backdrop-filter:blur(var(--ux-lucky-game-backdrop-blur, 10px));backdrop-filter:blur(var(--ux-lucky-game-backdrop-blur, 10px))}.ux-lucky-game-modal__dialog{position:relative;z-index:1;width:min(100%,var(--ux-lucky-game-card-width, 45rem));height:min(var(--ux-lucky-game-card-height, 76rem),calc(100dvh - 3.2rem));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:2.4rem;background-color:rgb(var(--color-background, 255, 255, 255));box-shadow:0 3rem 7rem -2rem rgba(var(--color-shadow, 18, 18, 18),.45);color:rgb(var(--color-foreground, 18, 18, 18));text-align:center}.ux-lucky-game-modal__dialog:focus,.ux-lucky-game-modal__dialog:focus-visible{outline:none}.ux-lucky-game-modal__shell{display:flex;flex-direction:column;min-height:100%}.ux-lucky-game-modal__panel{display:flex;flex-direction:column;gap:1.4rem;padding:2.8rem 2.4rem 2.6rem;background-color:rgb(var(--color-background, 18, 18, 18));color:rgb(var(--color-foreground, 255, 255, 255));text-align:left}.ux-lucky-game-modal__panel-logo{display:flex;align-items:center;min-height:3.6rem;margin-right:5.2rem}.ux-lucky-game-modal__panel-row{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}.ux-lucky-game-modal__panel-stack{display:flex;flex-direction:column;gap:1rem}.ux-lucky-game-panel__eyebrow{align-self:flex-start;margin:0;padding:.55rem 1.2rem;border:.1rem solid currentColor;border-radius:999px;font-family:var(--font-body-family, sans-serif);font-size:1.1rem;font-weight:var(--font-body-weight-bold, 700);letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.ux-lucky-game-panel__heading{margin:0;font-family:var(--font-heading-family, sans-serif);font-weight:var(--font-heading-weight, 700);line-height:1.02;font-size:3.4rem;letter-spacing:-.01em;text-transform:uppercase}.ux-lucky-game-panel__text{margin:0;opacity:.9;font-size:1.5rem;line-height:1.45}.ux-lucky-game-modal:not([data-ux-lucky-game-state=game]) .ux-lucky-game-modal__panel-row{display:none}.ux-lucky-game-panel-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}.ux-lucky-game-modal__display{display:contents}.ux-lucky-game-modal__content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:1.2rem;padding:2.4rem 2.4rem calc(2rem + env(safe-area-inset-bottom,0px))}.ux-lucky-game-modal [data-ux-lucky-game-panel]:not([hidden]){animation:ux-lucky-game-panel-in .32s ease both}.ux-lucky-game-modal__close{position:sticky;top:1.4rem;order:-1;align-self:flex-end;z-index:3;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin:1.4rem 1.4rem -5rem 0;padding:0;border:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.18);border-radius:50%;background-color:rgb(var(--color-background, 255, 255, 255));color:rgba(var(--color-foreground, 18, 18, 18),.6);cursor:pointer;transition:background-color .2s ease,color .2s ease}.ux-lucky-game-modal__close svg{display:block;width:1.4rem;height:1.4rem}.ux-lucky-game-modal__close svg path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}@media(hover:hover){.ux-lucky-game-modal__close:hover{background-color:rgb(var(--color-foreground, 18, 18, 18));color:rgb(var(--color-background, 255, 255, 255))}}.ux-lucky-game-stage,.ux-lucky-game-claim{display:flex;flex-direction:column;align-items:stretch;gap:1rem;width:100%}.ux-lucky-game-stage{flex:1 1 auto}.ux-lucky-game-stage__fine-print{margin:0;color:rgba(var(--color-foreground, 18, 18, 18),.7);font-size:1.2rem;line-height:1.4;text-align:center}.ux-lucky-game-board{width:100%;margin:0 auto}.ux-lucky-game-canvas{display:block;width:min(100%,var(--ux-lucky-game-board-max-width, 30rem));height:auto;aspect-ratio:420 / 340;margin:.8rem auto 0}.ux-lucky-game-rewards{display:grid;grid-template-columns:repeat(var(--ux-lucky-game-slots, 5),minmax(0,1fr));align-items:stretch;gap:.6rem;width:100%;margin-top:1rem}.reward-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;min-height:6rem;padding:.8rem .3rem;border:.2rem solid rgba(var(--color-foreground, 18, 18, 18),.14);border-radius:.8rem;background-color:#fff;color:rgb(var(--color-foreground, 18, 18, 18));line-height:1.1;text-align:center;overflow:hidden}.reward-item__main{max-width:100%;font-size:1.5rem;font-weight:var(--font-body-weight-bold, 700);letter-spacing:-.01em;overflow-wrap:anywhere}.reward-item__sub{max-width:100%;font-size:1rem;font-weight:var(--font-body-weight-bold, 700);letter-spacing:.06em;text-transform:uppercase;opacity:.7;white-space:nowrap}.reward-item--accent{border-color:var(--ux-lucky-game-accent, #ff111c);background-color:var(--ux-lucky-game-accent, #ff111c);color:#fff}.reward-item--accent .reward-item__sub{opacity:.9}.ux-lucky-game-section .btn.ux-lucky-game-drop-btn--stack{--btn-font-w: var(--font-body-weight-bold, 700);display:inline-flex;min-height:5.6rem;margin-top:auto;border-radius:1rem;letter-spacing:.1em;text-transform:uppercase}.ux-lucky-game-section .ux-lucky-game-result{display:block;min-height:2.4rem;margin:0;font-weight:var(--font-body-weight-bold, 700)}.ux-lucky-game-claim__form{text-align:left}.ux-lucky-game-claim,.ux-lucky-game-claim__reward-label,.ux-lucky-game-claim__reward-value,.ux-lucky-game-claim__note,.ux-lucky-game-consent__notice,.ux-lucky-game-claim__error{text-align:center}.ux-lucky-game-claim__reward{padding-bottom:1.4rem;border-bottom:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.12)}.ux-lucky-game-claim__reward-label{margin:0 0 .4rem;color:rgba(var(--color-foreground, 18, 18, 18),.85);font-size:1.6rem;font-weight:var(--font-body-weight-bold, 700);letter-spacing:.1em;text-transform:uppercase}.ux-lucky-game-claim__reward-value{margin:0;color:var(--ux-lucky-game-accent, #ff111c);font-family:var(--font-body-family, sans-serif);font-size:clamp(5rem,8.5vw,9rem);font-weight:var(--font-body-weight-bold, 700);line-height:1.04;letter-spacing:-.01em;overflow-wrap:break-word}.ux-lucky-game-claim__reward-value [data-ux-lucky-game-reward-main],.ux-lucky-game-claim__reward-value [data-ux-lucky-game-reward-suffix]{display:inline;margin:0;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.ux-lucky-game-claim__reward-value [data-ux-lucky-game-reward-main]:after{content:" "}.ux-lucky-game-claim__note{margin:0;color:rgba(var(--color-foreground, 18, 18, 18),.7)}.ux-lucky-game-claim__field{width:100%;margin:0;text-align:left}.ux-lucky-game-claim__submit,.ux-lucky-game-modal__cta{width:100%;margin:0}.ux-lucky-game-consent{--ux-lucky-game-consent-box: 1.6rem;--ux-lucky-game-consent-line: calc(1.5rem * calc(1 + .8 / var(--font-body-scale, 1)));position:relative;display:flex;align-items:flex-start}.ux-lucky-game-consent .ux-lucky-game-consent__input{position:absolute;top:0;left:0;z-index:-1;width:var(--ux-lucky-game-consent-box);height:var(--ux-lucky-game-consent-box);margin:0;border:0;background-color:transparent;appearance:none;-webkit-appearance:none}.ux-lucky-game-section .ux-lucky-game-consent__input:focus-visible{outline:none}.ux-lucky-game-consent__input:focus-visible~.ux-lucky-game-consent__label .ux-lucky-game-consent__box{outline:.2rem solid rgba(var(--color-foreground, 18, 18, 18),.6);outline-offset:.2rem}.ux-lucky-game-consent__label{display:flex;align-items:flex-start;gap:1.2rem;color:rgba(var(--color-foreground, 18, 18, 18),.75);cursor:pointer}.ux-lucky-game-consent__box{position:relative;flex:0 0 auto;display:block;width:var(--ux-lucky-game-consent-box);height:var(--ux-lucky-game-consent-box);margin-top:calc((var(--ux-lucky-game-consent-line) - var(--ux-lucky-game-consent-box)) / 2);color:rgb(var(--color-foreground, 18, 18, 18))}.ux-lucky-game-consent__box svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.ux-lucky-game-consent__box .icon-checkmark{inset:auto;top:50%;left:50%;width:.75rem;height:.6rem;transform:translate(-50%,-50%);visibility:hidden}.ux-lucky-game-consent__input:checked~.ux-lucky-game-consent__label .icon-checkmark{visibility:visible}.ux-lucky-game-consent__notice{margin:0;color:rgba(var(--color-foreground, 18, 18, 18),.6);font-size:1.1rem;line-height:1.4}.ux-lucky-game-claim__error{margin-top:0;color:#c1121f}.ux-lucky-game-claim__form[data-ux-lucky-game-busy] .ux-lucky-game-claim__submit{opacity:.6;cursor:progress}.ux-lucky-game-modal:not([data-ux-lucky-game-state=game]) .ux-lucky-game-modal__dialog{height:auto;max-height:calc(100vh - 3.2rem);max-height:calc(100dvh - 3.2rem)}.ux-lucky-game-modal[data-ux-lucky-game-state=claim] .ux-lucky-game-modal__panel,.ux-lucky-game-modal[data-ux-lucky-game-state=claim] .ux-lucky-game-stage__fine-print{display:none}.ux-lucky-game-modal[data-ux-lucky-game-state=claim] .ux-lucky-game-modal__content{padding-top:5.6rem;padding-bottom:calc(3.2rem + env(safe-area-inset-bottom,0px))}.ux-lucky-game-claim--win{gap:1.2rem}.ux-lucky-game-claim--win .ux-lucky-game-claim__reward{margin-bottom:1.2rem;padding-bottom:0;border-bottom:0}.ux-lucky-game-claim--win .ux-lucky-game-claim__reward-label{margin-bottom:1.4rem;color:rgba(var(--color-foreground, 18, 18, 18),.6);letter-spacing:.24em}.ux-lucky-game-claim--win .ux-lucky-game-claim__reward-value{color:#ff111c;font-family:var(--font-heading-family, sans-serif);font-size:clamp(4.4rem,13vw,5.6rem);line-height:1;letter-spacing:-.02em}.ux-lucky-game-claim--win [data-ux-lucky-game-reward-suffix]{display:none}.ux-lucky-game-claim--win .ux-lucky-game-claim__reward-value [data-ux-lucky-game-reward-main]:after{content:none}.ux-lucky-game-claim__reward-note{margin:1rem 0 0;color:rgba(var(--color-foreground, 18, 18, 18),.85);font-size:1.5rem;line-height:1.4}.ux-lucky-game-claim__reward-note:empty{display:none}.ux-lucky-game-claim__reward:has(.ux-lucky-game-claim__reward-note:not(:empty)) [data-ux-lucky-game-reward-suffix]{display:none}.ux-lucky-game-claim__reward:has(.ux-lucky-game-claim__reward-note:not(:empty)) [data-ux-lucky-game-reward-main]:after{content:none}.ux-lucky-game-claim--win .field:before,.ux-lucky-game-claim--win .field:after{display:none}.ux-lucky-game-claim--win .field__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ux-lucky-game-section .ux-lucky-game-claim--win .field__input{height:5.4rem;padding:0 1.8rem;border:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.18);border-radius:1rem;background-color:#fff;box-shadow:none;color:#111;font-size:1.6rem}.ux-lucky-game-section .ux-lucky-game-claim--win .field__input::placeholder{opacity:1;color:#11111180}.ux-lucky-game-section .ux-lucky-game-claim--win .field__input:focus-visible{outline:.2rem solid #000;outline-offset:.2rem;box-shadow:none}.ux-lucky-game-claim--win .ux-lucky-game-consent__label{color:rgba(var(--color-foreground, 18, 18, 18),.75);font-size:1.3rem;text-align:left}.ux-lucky-game-claim--win .ux-lucky-game-consent__notice{color:rgba(var(--color-foreground, 18, 18, 18),.6);font-size:1.2rem}.ux-lucky-game-phone{display:flex;gap:.8rem;width:100%}.ux-lucky-game-phone .ux-lucky-game-claim__field{flex:1 1 auto;min-width:0}.ux-lucky-game-phone__dial{position:relative;flex:0 0 auto}.ux-lucky-game-phone__select{-webkit-appearance:none;appearance:none;height:5.4rem;margin:0;padding:0 3.2rem 0 1.4rem;border:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.18);border-radius:1rem;background-color:#fff;color:#111;font-family:var(--font-body-family);font-size:1.6rem;cursor:pointer}.ux-lucky-game-phone__select:focus-visible{outline:.2rem solid #000;outline-offset:.2rem}.ux-lucky-game-phone__dial .icon-caret{position:absolute;top:50%;right:1.3rem;width:1rem;height:.6rem;color:#111;transform:translateY(-50%);pointer-events:none}.ux-lucky-game-modal__backdrop,.ux-lucky-game-modal__dialog{animation:ux-lucky-game-fade-in .3s ease both}@keyframes ux-lucky-game-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ux-lucky-game-panel-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}.ux-lucky-game-burst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none}.ux-lucky-game-burst__dot{position:absolute;display:block;width:var(--ux-lucky-game-dot-size, .7rem);height:var(--ux-lucky-game-dot-size, .7rem);border-radius:var(--ux-lucky-game-dot-radius, 50%);background-color:var(--ux-lucky-game-dot-color, currentColor);opacity:0;animation:ux-lucky-game-burst 1.15s cubic-bezier(.2,.7,.35,1) var(--ux-lucky-game-dot-delay, 0s) forwards}@keyframes ux-lucky-game-burst{0%{opacity:0;transform:translateZ(0) scale(.5) rotate(0)}12%{opacity:1}60%{opacity:1;transform:translate3d(calc(var(--ux-lucky-game-dot-dx) * .72),calc(var(--ux-lucky-game-dot-dy) * .72 - 1.2rem),0) scale(1) rotate(calc(var(--ux-lucky-game-dot-rot) * .6))}to{opacity:0;transform:translate3d(var(--ux-lucky-game-dot-dx),calc(var(--ux-lucky-game-dot-dy) + 4rem),0) scale(.85) rotate(var(--ux-lucky-game-dot-rot))}}html.ux-lucky-game-scroll-locked{scrollbar-gutter:stable}body.ux-lucky-game-modal-open{overflow:hidden;padding-right:var(--ux-lucky-game-scrollbar-gap, 0px)}@media(max-width:480px){.ux-lucky-game-modal{padding:1.2rem}.ux-lucky-game-modal__dialog{height:min(var(--ux-lucky-game-card-height, 76rem),calc(100vh - 2.4rem));height:min(var(--ux-lucky-game-card-height, 76rem),calc(100dvh - 2.4rem));border-radius:2rem}.ux-lucky-game-modal__backdrop{-webkit-backdrop-filter:blur(min(var(--ux-lucky-game-backdrop-blur, 10px),8px));backdrop-filter:blur(min(var(--ux-lucky-game-backdrop-blur, 10px),8px))}.ux-lucky-game-modal__panel{padding:2.4rem 2rem 2.2rem}.ux-lucky-game-modal__content{padding-right:1.6rem;padding-left:1.6rem}.ux-lucky-game-panel__heading{font-size:3rem}.ux-lucky-game-panel__text{font-size:1.4rem}.ux-lucky-game-rewards{gap:.5rem}.reward-item{min-height:5.4rem}.reward-item__main{font-size:1.3rem}.reward-item{padding-right:.2rem;padding-left:.2rem}.reward-item__sub{font-size:.8rem;letter-spacing:0}}@media(max-height:720px){.ux-lucky-game-section{--ux-lucky-game-board-max-width: 24rem}}@media(prefers-reduced-motion:reduce){.ux-lucky-game-section .btn,.ux-lucky-game-sticky__dismiss{transition:none}.ux-lucky-game-sticky__dismiss:hover,.ux-lucky-game-sticky__dismiss:active{transform:none}.ux-lucky-game-modal [data-ux-lucky-game-panel],.ux-lucky-game-modal__dialog,.ux-lucky-game-modal__backdrop,.ux-lucky-game-burst__dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-ux-lucky-game.css.map */
