.rpd{position:relative;overflow:hidden}.rpd .section-container{position:relative;z-index:1;padding-top:48px;padding-bottom:0}.rpd__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;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;-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:12px;color:var(--color-text-secondary, #555);text-decoration:underline;cursor:pointer}.rpd__win-rule:hover{color:var(--color-text-primary, #000)}.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;display:flex;flex-direction:column;max-height:600px}.rpd__records-body{flex:1;overflow-y:auto;overscroll-behavior:contain;background:var(--color-surface-secondary, #f8f8f8);padding:24px}.rpd__records-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;overflow-x:hidden}.rpd__record-card{background:var(--color-surface-primary, #fff);border-radius:var(--radius-section-card, 10px);padding:24px;display:flex;flex-direction:column;gap:12px;max-width:360px}.rpd__record-header{display:flex;justify-content:space-between;align-items:flex-start}.rpd__record-label{font-size:14px;font-weight:500;color:var(--color-text-tertiary, #888);text-transform:uppercase;line-height:1.3}.rpd__record-prize-name{margin-top:4px}.rpd__record-badge{padding:4px 12px;border-radius:9999px;font-size:14px;font-weight:600;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{display:flex;gap:16px}.rpd__record-meta-item{flex:1;display:flex;flex-direction:column;gap:4px}.rpd__record-meta-label{color:#888}.rpd__record-divider{border-top:1px dashed var(--color-border-secondary, #eee);padding-top:12px;display:flex;justify-content:space-between;align-items:flex-start}.rpd__record-code-label{color:var(--color-text-tertiary, #888);margin-bottom:4px}.rpd__record-divider .component-code-button{padding:0;border:none;gap:4px;color:#2563eb;font-size:14px;font-weight:500}.rpd__record-validity{text-align:right}.rpd__record-validity-label{color:var(--color-text-tertiary, #888)}.rpd__record-validity-value{color:var(--color-text-tertiary, #888);margin-top:4px}.rpd__record-expired .rpd__record-prize-name,.rpd__record-expired .rpd__record-meta-label,.rpd__record-expired .rpd__record-meta-value{color:var(--color-text-tertiary, #888)}.rpd__records-empty{text-align:center;padding:60px 20px;color:var(--color-text-tertiary, #888);font-size:14px;grid-column:1 / -1}.rpd__record-card--skeleton{gap:16px;pointer-events:none}.rpd__record-skeleton-stack{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.rpd__record-card--skeleton .rpd__skeleton-bar{border-radius:4px}.rpd__record-card--skeleton .rpd__skeleton-bar--xs{height:12px;width:72px}.rpd__record-card--skeleton .rpd__skeleton-bar--md{height:16px;width:100%}.rpd__record-card--skeleton .rpd__skeleton-bar--lg{height:20px;width:70%}.rpd__record-card--skeleton .rpd__skeleton-bar--badge{height:22px;width:60px;border-radius:9999px;flex-shrink:0}.rpd__records-load-more{display:flex;justify-content:center;margin-top:24px}@media screen and (max-width:1270px){.rpd__winner-img{display:none}}@media screen and (max-width:1024px){.rpd__bg{display:none}.rpd .section-container{padding-left:0;padding-top:24px;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{max-height:75vh;width:700px}.rpd__skeleton{padding:0}.rpd__record-card{max-width:316px}}@media screen and (max-width:767px){.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{width:calc(100vw - 32px)}.rpd__records-body{padding:16px}.rpd__records-grid{grid-template-columns:1fr}.rpd__record-card{padding:16px;max-width:100%}.rpd__record-label,.rpd__record-meta-label,.rpd__record-badge,.rpd__record-code-label,.rpd__record-validity-value{font-size:12px}.rpd__record-meta-value{font-size:14px}.rpd__record-validity-label{font-size:10px}.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 */