.card-draw{position:relative;max-width:100%}.wd-vis-card-draw-anchor{position:absolute;z-index:-10;top:-57px}.card-draw__root{display:flex;flex-direction:column;gap:32px;width:100%}.card-draw__main{position:relative;display:flex;flex-direction:column;height:800px;overflow:hidden;width:100%}.card-draw__scene{position:relative;flex:1 0 600px;min-height:600px;overflow:hidden}.card-draw__scene-content{position:relative;max-width:1184px;margin:0 auto;padding:24px 24px 48px}.card-draw__bg,.card-draw__bg picture,.card-draw__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.card-draw__bg-img{object-fit:cover}.card-draw__scene-top{display:flex;justify-content:space-between}.card-draw__progress{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;border-radius:4px;background:#fff;color:#000;text-align:center;white-space:nowrap}.card-draw__progress-number{display:flex;align-items:center;gap:8px;color:var(--card-draw-progress-color);font-family:var(--card-draw-display-font);font-size:32px;line-height:1}.card-draw__progress-label{font-size:12px;line-height:1}.card-draw__rules-link{color:#fff;cursor:pointer;font-size:16px;font-weight:500;line-height:1;text-decoration:underline;text-underline-offset:2px}.card-draw__cards{display:flex;gap:100px;justify-content:center;margin:0 auto;max-width:1184px;padding-top:34px}.card-draw__card-item{display:flex;flex-direction:column;align-items:center;gap:51px}.card-draw__card{position:relative;width:240px;height:336px;cursor:default;perspective:1200px;backface-visibility:hidden;will-change:transform}.card-draw__card:focus-visible{outline:3px solid #fff;outline-offset:6px}.card-draw__card-item:nth-child(1) .card-draw__card{transform:rotate(-4deg);margin-top:10px}.card-draw__card-item:nth-child(3) .card-draw__card{transform:rotate(4deg);margin-top:10px}.card-draw__card-item:nth-child(1) .card-draw__card-label,.card-draw__card-item:nth-child(3) .card-draw__card-label{margin-top:-10px}.card-draw__face--back{cursor:var(--card-draw-cursor-image)}.card-draw__card-motion{width:100%;height:100%;border-radius:20px}@media(hover:hover)and (pointer:fine){.card-draw__card-item:not(.is-flipped) .card-draw__card:hover .card-draw__card-motion{animation:card-draw-shake .8s ease-in-out;box-shadow:0 0 30px #0009}}@keyframes card-draw-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-3deg)}40%{transform:rotate(3deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}.card-draw__card-inner{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}.card-draw__card-item.is-restored .card-draw__card-inner{transition:none}.card-draw__card-item.is-flipped .card-draw__card-inner{transform:rotateY(180deg)}.card-draw__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;backface-visibility:hidden}.card-draw__face--front{background:#fff3ca;transform:rotateY(180deg)}.card-draw__card-img,.card-draw__card-img.component-image{width:100%;height:100%;object-fit:cover}.card-draw__money{position:absolute;top:78px;left:50%;transform:translate(-50%);color:var(--card-draw-money-color);font-family:var(--card-draw-display-font);font-size:91px;line-height:1;letter-spacing:7.28px}.card-draw__condition{position:absolute;top:205px;left:50%;transform:translate(-50%);font-size:16px;font-weight:500;color:var(--card-draw-money-text-color);line-height:1.3}.card-draw__code-box{position:absolute;top:246px;left:50%;transform:translate(-50%);color:var(--card-draw-code-color);text-align:center}.card-draw__code-box .component-copied-popup{bottom:-12px}.card-draw__code-label{font-size:14px;font-weight:400;line-height:1.3}.card-draw__code-box .component-code-button{padding:0;border:0;color:var(--card-draw-code-color)}.card-draw__code-box .component-code-button p{font-size:20px;font-weight:600;line-height:1.3}.card-draw__code-box svg{width:24px;height:24px}.card-draw__code-box .component-code-button svg{width:18px;height:18px}.card-draw__question-opener{position:absolute;top:21.6px;right:21.6px;z-index:2;width:24px;cursor:pointer;height:24px}.card-draw__question-opener svg{color:#999;width:100%;height:100%}.card-draw__card-label{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;border-radius:8px;background:var(--card-draw-label-bg);color:var(--card-draw-label-color);font-size:20px;font-weight:500;line-height:1.3;white-space:nowrap}.card-draw__card-label svg,.card-draw__label-icon{width:20px;height:20px}.card-draw__card-item.is-flipped .card-draw__label-icon{display:none}.card-draw__bottom{position:relative;display:flex;flex:0 0 200px;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:200px;padding:16px 0;color:var(--card-draw-bottom-color);text-align:center;background:var(--card-draw-bottom-bg-color, transparent);border-top:4px solid var(--card-draw-bottom-border-color, transparent)}.card-draw__bottom-title{display:flex;align-items:center;justify-content:center;gap:10px;max-width:100%}.card-draw__bottom-copy{color:var(--card-draw-bottom-color);font-family:var(--card-draw-display-font);font-size:80px;line-height:1;letter-spacing:3.2px;white-space:nowrap}.card-draw__bottom-copy p br{display:none}.card-draw__bottom-copy strong{color:var(--card-draw-bottom-highlight);font-weight:inherit}.card-draw__bottom-deco{position:relative;display:block;width:160px;height:57px;overflow:hidden}.card-draw__bottom-icon,.card-draw__bottom-icon.component-image{width:100%;height:100%;object-fit:contain}.card-draw__bottom-tip,.card-draw__login-tip{margin:0;color:var(--card-draw-bottom-tip-color);font-size:24px;font-weight:500;line-height:1.2}.card-draw__login-tip a{color:inherit;text-decoration:underline}.card-draw__rules-panel{width:min(600px,calc(100vw - 48px))}.card-draw__rules-header{padding:16px 24px;border-bottom:1px solid #ddd}.card-draw__rules-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:48px}.card-draw__rules-body h3{margin:0 0 16px;text-align:center;color:#000}.card-draw__rules-copy{max-width:400px;color:#555}.card-draw__rules-body strong{color:#000}@media screen and (max-width:1024px){.card-draw__root{gap:24px}.card-draw__scene{flex:1 0 354px;min-height:354px}.card-draw__cards{gap:32px}.card-draw__root .vis-active__header{gap:8px}.card-draw__main{height:500px}.card-draw__face{border-radius:16px}.card-draw__scene{flex:1 0 395px;min-height:395px}.card-draw__scene-content{width:100%;padding:16px 40px 32px}.card-draw__progress{padding:4px}.card-draw__progress-number{gap:4px;font-size:16px}.card-draw__progress-label{font-size:8px}.card-draw__rules-link{font-size:14px}.card-draw__cards{width:100%;padding-top:0}.card-draw__card-item:nth-child(1) .card-draw__card,.card-draw__card-item:nth-child(3) .card-draw__card{margin-top:15px}.card-draw__card-item:nth-child(1) .card-draw__card-label,.card-draw__card-item:nth-child(3) .card-draw__card-label{margin-top:-15px}.card-draw__card{width:180px;height:252px}.card-draw__card-item{gap:37px}.card-draw__question-opener{top:16.2px;right:16.2px;width:18px;height:18px}.card-draw__money{top:58.5px;font-size:68.25px}.card-draw__condition{top:154px;font-size:12px}.card-draw__code-box{top:180px}.card-draw__code-label{font-size:10.5px}.card-draw__code-box .component-code-button p{font-size:15px}.card-draw__code-box svg{width:18px;height:18px}.card-draw__code-box .component-code-button{gap:3px}.card-draw__card-label{padding:4px 6px;font-size:12px;border-radius:4px;gap:2px}.card-draw__card-label svg,.card-draw__label-icon{width:14px;height:14px}.card-draw__bottom{flex:0 0 105px;min-height:105px;padding:16px;gap:16px}.card-draw__bottom-copy{font-size:40px;letter-spacing:1.6px}.card-draw__bottom-deco{width:67.368px;height:24px}.card-draw__bottom-tip,.card-draw__login-tip{font-size:16px}.card-draw__rules-body{padding:32px 32px 60px}.card-draw__rules-body p{font-size:14px}}@media screen and (max-width:767px){.card-draw__scene-content{padding:16px 16px 42px}.card-draw__scene{flex:1 0 354px;min-height:354px}.card-draw__cards{gap:9px;padding-top:42px}.card-draw__card{width:110px;height:154px}.card-draw__card-item{gap:40px}.card-draw__card-item:nth-child(1) .card-draw__card,.card-draw__card-item:nth-child(3) .card-draw__card{margin-top:16px}.card-draw__card-item:nth-child(1) .card-draw__card-label,.card-draw__card-item:nth-child(3) .card-draw__card-label{margin-top:-16px}.card-draw__face{border-radius:10px}.card-draw__money{top:37px;font-size:42px;letter-spacing:3.36px}.card-draw__condition{top:94px;font-size:10px;white-space:nowrap}.card-draw__code-box{top:104px}.card-draw__code-box .component-code-button{gap:2px;margin-top:-1px}.card-draw__code-label{font-size:8px}.card-draw__code-box .component-code-button p{font-size:10px}.card-draw__code-box svg,.card-draw__code-box .component-code-button svg{width:12px;height:12px}.card-draw__bottom{flex:0 0 146px;min-height:146px}.card-draw__bottom-copy{font-size:32px;letter-spacing:1.28px}.card-draw__bottom-tip,.card-draw__login-tip{font-size:14px}.card-draw__rules-body{padding:40px 24px}.card-draw__question-opener{top:10px;right:10px;width:16px;height:16px}.card-draw__bottom-copy p br{display:block}.card-draw__code-box .component-copied-popup{font-size:12px;padding:4px 8px;bottom:-8px;height:26px}}@media(prefers-reduced-motion:reduce){.card-draw__card-inner{transition:none}.card-draw__card-motion{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/wd-active-card-draw.css.map */