.modal--wheel{--wheel-css: 1;--wheel-cap: min(340px, calc(100vw - 96px) );--wheel-size: max(140px, min(var(--wheel-cap), var(--wheel-room, calc(100vh - 380px) )));--ptr: clamp(24px, calc(var(--wheel-size) * .095), 36px);--wheel-gutter: var(--spacing-3xl, 24px);--wheel-top: var(--spacing-5xl, 40px);--wheel-bottom: var(--wheel-gutter);z-index:1001;display:flex;align-items:center;justify-content:center}.modal--wheel .modal__dialog{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;width:min(460px,calc(100% - 32px));height:auto;max-height:calc(100% - 48px);margin:24px auto;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;text-align:center}.modal--wheel .modal__dialog:focus{outline:none}.wheel-popup--has-terms{--wheel-bottom: var(--spacing-lg, 12px)}.wheel-popup__body{display:contents}.modal--wheel .tombola-popup__close[disabled]{opacity:.5;pointer-events:none}.modal--wheel .wheel-popup--custom-bg{border-color:transparent;background-color:var(--wheel-bg, var(--secondary-background, #fff));background-position:center;background-size:cover;color:var(--tombola-text-color, inherit)}.modal--wheel.is-opened .wheel-popup--custom-bg{background-image:linear-gradient(var(--wheel-bg-overlay, transparent),var(--wheel-bg-overlay, transparent)),var(--wheel-bg-image, none)}.modal--wheel .wheel-popup--custom-bg .wheel-popup__stage{background:none}@media screen and (max-width:640px){.modal--wheel.is-opened .wheel-popup--custom-bg{background-image:linear-gradient(var(--wheel-bg-overlay, transparent),var(--wheel-bg-overlay, transparent)),var(--wheel-bg-image-mobile, var(--wheel-bg-image, none))}}[data-wheel-nudge] [hidden]{display:none}.wheel-popup__head{grid-area:1 / 1;display:grid;padding:var(--wheel-top) var(--wheel-gutter) 0}.wheel-popup__head-variant{grid-area:1 / 1;align-self:center}.wheel-popup__stage{grid-area:2 / 1;display:flex;justify-content:center;padding:var(--spacing-lg, 12px) var(--wheel-gutter) var(--spacing-xl, 16px)}.wheel-popup__panel--intro{grid-area:3 / 1;margin:0;padding:0 var(--wheel-gutter) var(--wheel-bottom)}.wheel-popup__panel--won,.wheel-popup__panel--lost{position:absolute;top:0;right:0;bottom:var(--wheel-result-bottom, 0px);left:0;z-index:1;display:flex;flex-direction:column;padding:var(--wheel-result-top, var(--wheel-top)) var(--wheel-gutter) var(--wheel-bottom)}.wheel-popup__result{margin-block:auto;padding-bottom:var(--spacing-xl, 16px)}.wheel-popup__panel .tombola-popup__actions,.wheel-popup__panel .cart-promo-popup__cta,.wheel-popup__panel .cart-promo-popup__add{margin-top:0}.modal--wheel .tombola-popup__terms{grid-area:4 / 1;justify-self:center;margin:0 auto var(--wheel-gutter)}.wheel-popup__kicker{margin-bottom:var(--spacing-xs, 4px)}.wheel-popup__prize-visual{margin:0 auto var(--spacing-lg, 12px)}.wheel-popup__prize-visual--product{max-width:360px;text-align:left}.wheel-popup__prize-visual .product-item--horizontal{flex-direction:row;align-items:center}.wheel-popup__prize-visual .product-item--horizontal .product-item__image-wrapper{width:80px;margin:0 var(--spacing-xl, 16px) 0 0}.wheel-popup__prize-image{display:block;width:120px;height:auto;margin:0 auto;border-radius:var(--radius-lg, 12px)}.modal--wheel.has-prize-visual[data-state=won] .wheel-popup__wheel-wrap{visibility:hidden;opacity:0;transition:opacity .2s ease,visibility 0s linear .2s}.modal--wheel .wheel-popup__prize{margin-bottom:var(--spacing-md, 8px);overflow-wrap:anywhere}.modal--wheel [hidden],.wheel-popup__msg[data-msg=gift]{display:none}.wheel-popup__msg{display:grid;margin-bottom:var(--spacing-xl, 16px)}.wheel-popup__msg>*{grid-area:1 / 1;align-self:center;margin:0 auto;visibility:hidden}.wheel-popup__msg[data-msg=gift-error] .wheel-popup__msg-gift-error,.wheel-popup__msg[data-msg=info] .wheel-popup__msg-info,.wheel-popup__msg[data-msg=applied] .wheel-popup__msg-applied,.wheel-popup__msg[data-msg=error] .wheel-popup__msg-error{visibility:inherit}.wheel-popup__panel--lost .tombola-popup__text{margin-bottom:0}.wheel-popup__head-variant,.wheel-popup__panel{visibility:hidden;opacity:0;transition:opacity .12s ease-in,visibility 0s linear .12s}.modal--wheel:not([data-retry]) .wheel-popup__head-variant--intro,.modal--wheel[data-retry] .wheel-popup__head-variant--retry,.modal--wheel[data-state=intro] .wheel-popup__panel--intro,.modal--wheel[data-state=spinning] .wheel-popup__panel--intro,.modal--wheel[data-state=landed] .wheel-popup__panel--intro,.modal--wheel[data-state=won] .wheel-popup__panel--won,.modal--wheel[data-state=lost] .wheel-popup__panel--lost{visibility:inherit;opacity:1;transition:opacity .24s ease-out .12s,visibility 0s linear .12s}.wheel-popup__head,.wheel-popup__stage{transition:opacity .24s ease-out .12s,visibility 0s linear .12s}.modal--wheel[data-state=won] .wheel-popup__head,.modal--wheel[data-state=lost] .wheel-popup__head{visibility:hidden;opacity:0;transition:opacity .12s ease-in,visibility 0s linear .12s}.modal--wheel[data-state=won] .wheel-popup__wheel-wrap,.modal--wheel[data-state=lost] .wheel-popup__wheel-wrap{transform:translateY(var(--wheel-result-shift, 0px)) scale(var(--wheel-result-scale, 1))}.wheel-popup__wheel-wrap{position:relative;flex:none;width:var(--wheel-size);height:var(--wheel-size);transform-origin:50% 0;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.wheel-popup__wheel-wrap:before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 4px var(--colors-base-white, #fff),0 10px 24px -8px #164c744d,0 2px 4px #1018280f;pointer-events:none}.wheel-popup__wheel{width:100%;height:100%;border-radius:50%;transform:rotate(0)}.modal--wheel[data-state=spinning] .wheel-popup__wheel{will-change:transform}.wheel-popup__svg{display:block;width:100%;height:100%;overflow:visible}.wheel-popup__frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.wheel-popup__rim{fill:none;stroke:var(--colors-brand-blue-700, #164c74)}.wheel-popup__keyline{fill:none;stroke:var(--colors-base-white, #fff);stroke-width:1.1}.wheel-popup__slice{stroke:#fffc;stroke-width:.8;stroke-linejoin:round}.wheel-popup__slice-label{font-family:inherit;font-weight:var(--fw600, 600);letter-spacing:.01em}.wheel-popup__slice-image{opacity:0;transition:opacity .2s}.wheel-popup__slice-image.is-loaded{opacity:1}.wheel-popup__slice-image-bg{fill:var(--colors-base-white, #fff);stroke:#12202b1a;stroke-width:.6}.wheel-popup__veil{fill:var(--colors-base-white, #fff);opacity:0;pointer-events:none;transition:opacity .3s ease}.wheel-popup__svg.is-landed .wheel-popup__veil:not(.is-winner){opacity:.55}.wheel-popup__bulbs circle{fill:var(--colors-base-white, #fff);opacity:.9;animation:none}.modal--wheel[data-state=spinning] .wheel-popup__bulbs circle{animation:wheel-chase .5s steps(1,end) infinite}.modal--wheel[data-state=spinning] .wheel-popup__bulbs circle:nth-child(2n){animation-delay:-.25s}.modal--wheel[data-state=landed] .wheel-popup__bulbs circle{animation:wheel-flash .16s steps(1,end) 5}@keyframes wheel-chase{0%{opacity:1}50%{opacity:.3}}@keyframes wheel-flash{0%{opacity:1}50%{opacity:.25}}.wheel-popup__pointer{position:absolute;top:calc(var(--wheel-size) * .06 - var(--ptr) * .995);left:50%;z-index:2;width:var(--ptr);height:calc(var(--ptr) * 1.32);margin-left:calc(var(--ptr) / -2);filter:drop-shadow(0 3px 3px rgba(18,32,43,.32));transform-origin:50% 34%;pointer-events:none}.wheel-popup__pointer:before{content:"";position:absolute;top:4%;left:11%;width:78%;height:calc(var(--ptr) * .78);border-radius:50% 50% 0;background:var(--colors-brand-teal-600, #16a294);box-shadow:0 0 0 3px var(--colors-base-white, #fff);transform:rotate(45deg)}.wheel-popup__hub{position:absolute;top:50%;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:23%;height:23%;border:max(3px,calc(var(--wheel-size) * .0125)) solid var(--colors-brand-blue-600, #1668a2);border-radius:50%;background:var(--colors-base-white, #fff);box-shadow:0 4px 10px #12202b40;color:var(--colors-brand-blue-600, #1668a2);transform:translate(-50%,-50%);overflow:hidden}.wheel-popup__hub svg{width:48%;height:48%}.wheel-popup__hub-image{width:76%;height:76%;object-fit:contain}@media screen and (max-width:640px){.modal--wheel{--wheel-cap: min(320px, calc(100vw - 64px) );--wheel-gutter: var(--spacing-xl, 16px);--wheel-top: var(--spacing-4xl, 32px);align-items:flex-end}.modal--wheel .modal__dialog{width:100%;margin:0;max-height:90vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding-bottom:env(safe-area-inset-bottom)}}@media screen and (min-width:641px)and (orientation:landscape),screen and (min-width:480px)and (max-height:480px)and (orientation:landscape){.modal--wheel{--wheel-cap: min(380px, calc((100vw - 64px)*.46) );--wheel-size: max(140px, min(var(--wheel-cap), var(--wheel-room, calc(100vh - 160px) )));--wheel-gutter: var(--spacing-4xl, 32px);--wheel-top: 48px;--wheel-bottom: 0px;align-items:center}.modal--wheel .modal__dialog{grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(var(--wheel-top),1fr) auto auto auto minmax(var(--spacing-3xl, 24px),1fr);width:min(820px,calc(100% - 64px));max-height:calc(100% - 64px);margin:32px auto;border-radius:var(--radius-2xl);padding-bottom:0}.wheel-popup__stage{grid-column:1;grid-row:1 / -1;align-self:stretch;align-items:center;padding:var(--spacing-5xl, 40px);background:var(--colors-brand-blue-50, #f2f8fd);overflow:hidden}.wheel-popup__head{grid-column:2;grid-row:2;padding:0 var(--wheel-gutter)}.wheel-popup__panel--intro{grid-column:2;grid-row:3}.wheel-popup__panel--won,.wheel-popup__panel--lost{position:relative;inset:auto;grid-column:2;grid-row:1 / -1;justify-content:center;padding:var(--wheel-top) var(--wheel-gutter) var(--spacing-3xl, 24px)}.wheel-popup__result{margin-block:0}.modal--wheel .tombola-popup__terms{grid-column:2;grid-row:4;margin:var(--spacing-xl, 16px) auto 0;transition:opacity .24s ease-out .12s,visibility 0s linear .12s}.modal--wheel[data-state=won] .tombola-popup__terms,.modal--wheel[data-state=lost] .tombola-popup__terms{visibility:hidden;opacity:0;transition:opacity .12s ease-in,visibility 0s linear .12s}.modal--wheel[data-state=won] .wheel-popup__wheel-wrap,.modal--wheel[data-state=lost] .wheel-popup__wheel-wrap,.modal--wheel.has-prize-visual[data-state=won] .wheel-popup__wheel-wrap{visibility:inherit;opacity:1;transform:none}}@media screen and (min-width:641px)and (orientation:landscape)and (max-height:520px),screen and (min-width:480px)and (max-height:480px)and (orientation:landscape){.modal--wheel{--wheel-size: max(120px, min(var(--wheel-cap), var(--wheel-room, calc(100vh - 80px) )));--wheel-gutter: var(--spacing-3xl, 24px)}.modal--wheel .modal__dialog{grid-template-rows:minmax(var(--wheel-top),1fr) auto auto auto minmax(var(--spacing-lg, 12px),1fr);max-height:calc(100% - 16px);margin:8px auto}.wheel-popup__stage{padding:var(--spacing-xl, 16px) var(--spacing-3xl, 24px)}.wheel-popup__result{padding-bottom:var(--spacing-md, 8px)}.wheel-popup__msg{margin-bottom:var(--spacing-md, 8px)}.wheel-popup__panel .cart-promo-popup__code{margin-bottom:0}}@media(prefers-reduced-motion:reduce){.wheel-popup__bulbs circle,.modal--wheel[data-state] .wheel-popup__bulbs circle{animation:none}.wheel-popup__veil,.wheel-popup__slice-image,.wheel-popup__wheel-wrap{transition:none}}
