.wd-vis-pd-section{position:relative}.wd-vis-pd-anchor{position:absolute;top:0;z-index:var(--z-index-below)}.rpd{position:relative;overflow:hidden}.rpd .section-container{position:relative;z-index:1}.rpd .vis-active__header{margin-bottom:32px}.rpd__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-below);border-radius:inherit;overflow:hidden}.rpd__bg .component-image{width:100%;height:100%;object-fit:cover}.rpd__body{position:relative;z-index:1;display:flex;gap:24px;justify-content:space-between;padding:48px;border-radius:var(--radius-section-card, 10px);background:linear-gradient(180deg,#c6e6fe 0% 80%,#9ccaff 80% 100%)}.rpd__left{flex:1;display:flex;max-width:480px;flex-direction:column;gap:16px;justify-content:space-between}.rpd__right{width:500px;display:flex;flex-direction:column;gap:42px}.rpd__header{display:flex;flex-direction:column;gap:16px}.rpd__title{color:var(--color-text-highlight, #036aff)}.rpd__cost-text{color:var(--color-text-secondary, #555)}.rpd__top-bar{display:flex;justify-content:space-between;align-items:center;height:22px}.rpd__points-info{display:flex;align-items:baseline}[data-rules-opener]{display:none}.rpd__rules-link{cursor:pointer;color:var(--color-text-secondary, #555);font-size:16px;font-weight:500;line-height:130%;text-decoration-line:underline}.rpd__rules-link:hover{color:var(--color-text-primary, #000)}.rpd__grid-wrap{position:relative;width:500px;height:470px;border-radius:20px;background:#3b7cff;padding:20px}.rpd__grid-border-t,.rpd__grid-border-b{position:absolute;top:6px;left:0;width:100%;display:inline-flex;justify-content:center;gap:64px}.rpd__grid-border-b{top:unset;bottom:6px}.rpd__grid-border-l,.rpd__grid-border-r{position:absolute;left:6px;top:0;height:100%;display:inline-flex;flex-direction:column;justify-content:center;gap:60px}.rpd__grid-border-r{left:unset;right:6px}.rpd__grid-border-dot{width:10px;height:10px;border-radius:50%}.rpd__grid-border-dot:nth-child(odd){background:#ffd04d}.rpd__grid-border-dot:nth-child(2n){background:#fffa48}.rpd__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;border-radius:10px;padding:10px;background:#2e51bf}.rpd__grid-cell{position:relative;border-radius:10px;width:140px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;overflow:hidden;transition:box-shadow .2s}.rpd__grid-cell:nth-child(odd){background:#b6e7ff}.rpd__grid-cell:nth-child(2n){background:#f3fdff}.rpd__grid-cell.rpd__grid-cell--spin{background:linear-gradient(312deg,#ffa652,#f56710 98.3%)}.rpd__grid-cell .rpd__skeleton-bar{width:100%;height:100%;border-radius:10px}.rpd__grid-cell--spin{background:transparent;padding:0}.rpd__grid--spinning .rpd__grid-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;border-radius:inherit;z-index:1}.rpd__grid--spinning .rpd__grid-cell--active:after,.rpd__grid--spinning .rpd__grid-cell--winner:after{background:transparent}.rpd__grid-cell--active{z-index:2}.rpd__grid-cell--winner{box-shadow:0 0 0 2px #7ec1ff,0 0 24px 8px #6d93b8;z-index:2}.rpd__prize-img{width:80px;height:80px;object-fit:contain}.rpd__prize-name{font-size:12px;font-weight:500;text-align:center;color:var(--color-text-primary, #000);line-height:1.3;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.rpd__spin-btn{position:relative;border:none;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;overflow:hidden;background:transparent;width:100%;height:100%}.rpd__spin-btn-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;width:100%;height:100%;object-fit:cover}.rpd__spin-btn-text{color:#fff;position:relative}.rpd__spin-btn-cost{font-weight:600;font-size:12px;color:#fff;position:relative;white-space:nowrap}.rpd__spin-btn:hover:not(:disabled) .rpd__spin-btn-bg{filter:brightness(.9)}.rpd__spin-btn:active:not(:disabled) .rpd__spin-btn-bg{filter:brightness(.8)}.rpd__spin-btn:disabled{cursor:not-allowed}.rpd__spin-btn:disabled .rpd__spin-btn-bg{filter:grayscale(1)}.rpd__spin-btn:disabled .rpd__spin-btn-cost{font-size:10px}.rpd__winner-section{display:flex;flex-direction:column;gap:16px;position:relative}.rpd__winner-header{display:flex;justify-content:space-between;align-items:center}.rpd__winner-title{color:var(--color-text-secondary, #555)}.rpd__lottery-records-link{cursor:pointer;display:inline-flex}.rpd__lottery-records-link .text-button{pointer-events:none;font-size:14px;--text-button-color: var(--color-text-secondary, #555)}.rpd__winner-list{background:#f3fdff;border:2px solid rgba(255,255,255,.8);border-radius:10px;box-shadow:0 8px 16px #015a9b1a;padding:24px;height:322px;overflow:hidden;overscroll-behavior:contain;display:flex;flex-direction:column}.rpd__winner-img{width:109px;height:97px;position:absolute;bottom:-5px;right:-64px;object-fit:contain}.rpd__winner-img img{width:100%;height:100%;object-fit:contain}.rpd__winner-list--scrollable{overflow:hidden}.rpd__winner-scroll-inner{display:flex;flex-direction:column;gap:24px;animation:rpd-winner-scroll var(--rpd-scroll-duration, 10s) linear infinite}.rpd__winner-list:hover .rpd__winner-scroll-inner{animation-play-state:paused}.rpd__winner-scroll-inner--static{animation:none}.rpd__winner-scroll-clone{display:flex;flex-direction:column;gap:24px}@keyframes rpd-winner-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.rpd__winner-list::-webkit-scrollbar,.rpd__win-frame::-webkit-scrollbar{width:4px}.rpd__winner-list::-webkit-scrollbar-track,.rpd__win-frame::-webkit-scrollbar-track{background:transparent}.rpd__winner-list::-webkit-scrollbar-thumb,.rpd__win-frame::-webkit-scrollbar-thumb{background:var(--color-border-primary, #ddd);border-radius:3px}.rpd__winner-list::-webkit-scrollbar-thumb:hover,.rpd__win-frame::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary, #555)}.rpd__winner-row{display:flex;align-items:center;font-size:14px;line-height:1.3;gap:4px;min-height:18px}.rpd__winner-email{flex:0 0 180px;color:var(--color-text-secondary, #555)}.rpd__winner-prize{flex:1;color:var(--color-text-primary, #000)}.rpd__winner-empty{text-align:center;color:var(--color-text-tertiary, #888);padding:40px 0;font-size:14px}.rpd__skeleton{display:flex;flex-direction:column;gap:24px;padding:24px}.rpd__skeleton-row{display:flex;gap:24px}.rpd__skeleton-bar{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:rpd-shimmer 2s ease-in-out infinite}.rpd__skeleton-row .rpd__skeleton-bar:first-child{height:14px;border-radius:4px;width:180px}.rpd__skeleton-row .rpd__skeleton-bar:last-child{flex:1;height:14px;width:100%;border-radius:4px}@keyframes rpd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rpd__rules-modal-box{width:600px}.rpd__rules-body{padding:24px;white-space:pre-line;font-size:14px;line-height:1.5;color:var(--color-text-secondary, #555)}.rpd__win-rule-modal-box{width:400px}.rpd__win-rule-body{padding:24px;white-space:pre-line;font-size:14px;line-height:1.5;color:var(--color-text-secondary, #555)}.rpd__login-modal-box{width:600px}.rpd__login-body{display:flex;padding:var(--spacing-margin-desktop, 48px) var(--spacing-margin-desktop, 48px) var(--spacing-section-spacing-desktop, 96px) var(--spacing-margin-desktop, 48px);flex-direction:column;justify-content:center;align-items:center;gap:24px}.rpd__login-content{max-width:400px;display:flex;text-align:center;gap:16px;flex-direction:column}.rpd__login-desc{color:var(--color-text-secondary, #555)}.rpd__login-btns{display:flex;gap:16px;justify-content:center}.rpd__login-btns a{min-width:160px}.rpd__win-modal .modal-box{max-width:500px;overflow:visible;background:transparent;box-shadow:none}.rpd__win-ribbon{width:100%;margin-bottom:-4px}.rpd__win-ribbon img{width:100%}.rpd__win-frame{border-radius:24px;background:linear-gradient(132deg,#4390ff 3.14%,#036aff 60.09%);position:relative;padding:16px;overflow:auto}.rpd__win-inner{border-radius:12px;background:linear-gradient(0deg,#fffffff2,#ffffffe6);padding:24px 32px 32px;display:flex;flex-direction:column;align-items:center;gap:8px}.rpd__win-image{width:180px;height:180px;object-fit:contain}.rpd__win-title,.rpd__win-message{text-align:center}.rpd__win-code-row{display:flex;gap:16px;align-items:center;margin-top:4px}.rpd__win-rule{font-size:14px;color:#036aff;text-decoration:underline;cursor:pointer;font-weight:500}.rpd__win-rule:hover{color:var(--color-text-primary, #0053d9)}.rpd__win-btns{display:flex;gap:16px;justify-content:center;margin-top:16px;width:100%;max-width:400px}.rpd__win-btns>*{min-width:135px;flex:1;display:flex;align-items:center;justify-content:center}.rpd__win-btns .hidden{display:none}.rpd__records-modal .modal-box{width:800px;max-width:calc(100vw - 48px);display:flex;flex-direction:column;height:600px}.rpd__record-rule-modal{z-index:calc(var(--z-index-modal) + 1)}.rpd__records-body{flex:1;overflow-y:auto;overscroll-behavior:contain;background:var(--color-surface-primary, #fff);padding:24px 24px 32px}.rpd__records-table{width:100%}.rpd__records-head{display:grid;grid-template-columns:140px 110px minmax(0,1fr);background:var(--color-surface-tertiary, #f3f8ff);padding:0 8px}.rpd__records-head-cell{padding:16px 8px;color:var(--color-text-secondary, #555)}.rpd__records-list{display:flex;flex-direction:column}.rpd__record-row{display:grid;grid-template-columns:140px 110px minmax(0,1fr) auto;grid-template-areas:"time points prize prize" "time points meta rules";align-items:center;column-gap:0;row-gap:8px;padding:24px 8px;border-bottom:1px solid var(--color-border-primary, #ddd)}.rpd__record-row--compact{grid-template-areas:"time points prize rules"}.rpd__record-time{grid-area:time;padding:0 8px;color:var(--color-text-primary, #000)}.rpd__record-points{grid-area:points;padding:0 8px;color:var(--color-text-primary, #000)}.rpd__record-prize{grid-area:prize;display:flex;align-items:center;gap:8px;min-width:0;padding:0 8px}.rpd__record-prize-name{min-width:0;overflow-wrap:anywhere}.rpd__record-badge{padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;line-height:normal;white-space:nowrap;flex-shrink:0}.rpd__record-badge--active{background:#dcfce7;color:#10b981}.rpd__record-badge--expired{background:#f3f4f6;color:#6b7280}.rpd__record-badge--pending{background:#fef3c7;color:#f59e0b}.rpd__record-meta{grid-area:meta;display:flex;align-items:center;gap:8px;min-width:0;padding:0 8px}.rpd__record-code{display:flex;align-items:center;gap:4px;min-width:0}.rpd__record-code-label,.rpd__record-validity-label,.rpd__record-validity-value{color:var(--color-text-tertiary, #888);white-space:nowrap}.rpd__record-meta .component-code-button{padding:0;border:none;gap:4px;color:var(--color-text-highlight, #036aff);font-size:14px;font-weight:500;line-height:1.3}.rpd__record-meta .component-code-button p{line-height:1.3}.rpd__record-meta .component-code-button svg{width:18px;height:18px}.rpd__record-meta-divider{width:1px;height:16px;background:var(--color-border-primary, #ddd);flex-shrink:0}.rpd__record-validity{display:flex;align-items:center;gap:4px;color:var(--color-text-tertiary, #888);white-space:nowrap}.rpd__record-rules{grid-area:rules;padding:0;color:var(--color-text-highlight, #036aff);font-size:14px;font-weight:500;line-height:1.3;text-decoration:underline;text-underline-position:from-font;white-space:nowrap;justify-self:end;align-self:center}.rpd__record-rules:hover{color:#0053d9}.rpd__record-rules:focus-visible{outline:2px solid var(--color-text-highlight, #036aff);outline-offset:2px}.rpd__records-empty{text-align:center;padding:60px 20px;color:var(--color-text-tertiary, #888);font-size:14px}.rpd__record-row--skeleton{pointer-events:none}.rpd__record-row--skeleton .rpd__skeleton-bar{border-radius:4px}.rpd__record-row--skeleton .rpd__skeleton-bar--xs{height:14px;width:40px}.rpd__record-row--skeleton .rpd__skeleton-bar--sm{height:14px;width:72px}.rpd__record-row--skeleton .rpd__skeleton-bar--md{height:14px;width:100%;max-width:124px}.rpd__record-row--skeleton .rpd__skeleton-bar--lg{height:18px;width:70%;min-width:160px}.rpd__record-row--skeleton .rpd__record-badge{padding:0;height:22px;width:60px;border-radius:9999px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%}.rpd__record-row--skeleton .rpd__record-rules{text-decoration:none}.rpd__record-row--skeleton .rpd__record-meta .rpd__skeleton-bar{max-width:180px}.rpd__records-load-more{display:flex;justify-content:center;margin-top:24px}.rpd__records-load-more .text-button{gap:4px;--text-button-color: var(--color-text-tertiary, #888)}.rpd__records-load-more .text-button:disabled{cursor:not-allowed;text-decoration:none}@media screen and (max-width:1270px){.rpd__winner-img{display:none}}@media screen and (max-width:1024px){.wd-vis-pd-anchor{top:-20px;z-index:var(--z-index-below)}.rpd__bg{display:none}.rpd .section-container{padding-left:0;padding-right:0}.rpd__body{gap:24px;padding:40px;border-radius:0}.rpd__left{max-width:100%}.rpd__header,.rpd__winner-section{gap:8px}.rpd__winner-title{font-size:14px}.rpd__winner-list{padding:16px;height:200px}.rpd__winner-scroll-inner{gap:16px}.rpd__winner-scroll-clone{gap:16px;padding-top:16px}.rpd__right{gap:8px;width:342px}.rpd__points-label,.rpd__points-value,.rpd__rules-link{font-size:14px}.rpd__grid-wrap{width:100%;height:323px;border-radius:10px;padding:16px}.rpd__grid{gap:8px;padding:8px}.rpd__grid-cell{width:100%;aspect-ratio:92 / 86;height:auto;border-radius:4px;padding:0}.rpd__spin-btn,.rpd__spin-btn-bg{border-radius:4px}.rpd__prize-img{width:55px;height:55px}.rpd__prize-name{font-size:10px}.rpd__spin-btn-text{font-size:21px}.rpd__spin-btn-cost{font-size:10px;white-space:normal}.rpd__grid-border-t,.rpd__grid-border-b{gap:44px;top:5px}.rpd__grid-border-b{top:unset;bottom:5px}.rpd__grid-border-l,.rpd__grid-border-r{gap:41px;left:5px}.rpd__grid-border-r{left:unset;right:5px}.rpd__grid-border-dot{width:6px;height:6px}.rpd__records-modal .modal-box{height:500px;width:min(688px,calc(100vw - 32px));border-radius:16px}.rpd__records-modal .modal-header{padding:16px}.rpd__records-body{padding:0 16px 16px}.rpd__records-head{display:none}.rpd__record-row{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"time rules . points" "prize prize prize badge" "meta meta meta meta";align-items:start;column-gap:8px;row-gap:8px;padding:16px 0}.rpd__record-row--compact{grid-template-areas:"time rules . points" "prize prize prize badge"}.rpd__record-time,.rpd__record-points,.rpd__record-prize,.rpd__record-meta,.rpd__record-rules{padding:0}.rpd__record-prize{display:contents}.rpd__record-prize-name{grid-area:prize}.rpd__record-badge{grid-area:badge;justify-self:end;align-self:start}.rpd__record-points{justify-self:end;text-align:right}.rpd__record-rules{justify-self:start;align-self:start}.rpd__record-meta{justify-content:flex-start;margin-top:-4px}.rpd__record-code,.rpd__record-validity{flex:1;min-width:0;justify-content:flex-start;text-align:left}.rpd__skeleton{padding:0}.rpd__record-meta-divider{display:none}.rpd__records-load-more{margin-top:16px}}@media screen and (max-width:767px){.rpd .vis-active__header{padding:0 24px;margin-bottom:24px}.wd-vis-pd-anchor{top:-57px}.rpd__body{padding:24px;flex-direction:column}.rpd__winner-list{height:100px;padding:12px}.rpd__winner-scroll-inner{gap:12px}.rpd__winner-scroll-clone{gap:12px;padding-top:12px}.rpd__winner-row{font-size:12px;min-height:16px}.rpd__winner-email{flex:0 0 130px}.rpd__records-modal .modal-box{max-width:calc(100vw - 32px);max-height:min(500px,85vh)}.rpd__record-code,.rpd__record-validity{flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:0}.rpd__record-meta-divider{align-self:stretch;height:auto;min-height:16px}.rpd__record-meta .component-code-button p{white-space:normal;word-break:break-all}.rpd__win-rule{font-size:12px}.rpd__right{width:100%;height:auto}.rpd__grid-wrap{height:auto}.rpd__prize-img{height:52px;width:52px}.rpd__win-modal .modal-box{width:calc(100vw - 32px)}.rpd__win-image{width:120px;height:120px}.rpd__skeleton{gap:12px}.rpd__skeleton-row .rpd__skeleton-bar{height:16px}.rpd__skeleton-row .rpd__skeleton-bar:first-child{width:130px}.rpd__win-frame{padding:10px}.rpd__win-inner{gap:0;padding:16px 24px 24px}.rpd__win-message{margin-top:8px}.rpd__win-btns{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/311/assets/section-rewards-prize-draw.css.map */