main.content.promo-xd{--u:calc(min(100vw, 480px) / 7.5);padding-left:calc(.4 * var(--u));padding-right:calc(.4 * var(--u))}main.content.promo-xd>*+*{margin-top:0}.promo-xd .page-header{gap:calc(.2 * var(--u));margin-top:calc(.4 * var(--u));margin-bottom:calc(.4 * var(--u));font-size:calc(.24 * var(--u));color:var(--text);align-items:center;font-weight:700;display:flex}.promo-xd .page-header a{color:var(--text-dim)}.promo-xd .page-header a:hover{color:var(--text)}.promo-xd .page-header .arrow-right{font-size:calc(.28 * var(--u));color:var(--text-faint);flex:none}.promo-xd .activity-title{margin:0 0 calc(.4 * var(--u));font-size:calc(.48 * var(--u));color:var(--text);font-weight:700;line-height:1.2}.promo-xd .pc-radio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.promo-xd .activity-nav{width:100%;padding:calc(.2 * var(--u));margin-bottom:calc(.4 * var(--u));background:var(--surface-1);border:1.6px solid var(--border);border-radius:calc(1 * var(--u));overflow-x:auto}.promo-xd .activity-nav ul{gap:calc(.12 * var(--u));margin:0;padding:0;list-style:none;display:grid}.promo-xd .activity-nav li{grid-row:1}.promo-xd .promo-menu-item{height:calc(.57 * var(--u));padding:0 calc(.2 * var(--u));white-space:nowrap;border-radius:calc(1 * var(--u));cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.promo-xd .promo-menu-item span{z-index:1;font-size:calc(.24 * var(--u));color:var(--text);font-weight:300}.promo-xd .hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.promo-xd .hide-scrollbar::-webkit-scrollbar{display:none}.promo-xd #pc-all:checked~.activity-nav label[for=pc-all],.promo-xd #pc-deposit:checked~.activity-nav label[for=pc-deposit],.promo-xd #pc-rewards:checked~.activity-nav label[for=pc-rewards],.promo-xd #pc-app:checked~.activity-nav label[for=pc-app]{background:color-mix(in srgb, var(--primary) 20%, transparent)}.promo-xd #pc-all:checked~.activity-nav label[for=pc-all] span,.promo-xd #pc-deposit:checked~.activity-nav label[for=pc-deposit] span,.promo-xd #pc-rewards:checked~.activity-nav label[for=pc-rewards] span,.promo-xd #pc-app:checked~.activity-nav label[for=pc-app] span{color:var(--primary-hot);font-weight:700}.promo-xd #pc-all:focus-visible~.activity-nav label[for=pc-all],.promo-xd #pc-deposit:focus-visible~.activity-nav label[for=pc-deposit],.promo-xd #pc-rewards:focus-visible~.activity-nav label[for=pc-rewards],.promo-xd #pc-app:focus-visible~.activity-nav label[for=pc-app]{outline:2px solid var(--primary);outline-offset:2px}.promo-xd #pc-deposit:checked~.activity-content>.promo-item:not([data-cat=deposit]),.promo-xd #pc-rewards:checked~.activity-content>.promo-item:not([data-cat=rewards]),.promo-xd #pc-app:checked~.activity-content>.promo-item:not([data-cat=app]){display:none}.promo-xd .activity-content{width:100%}.promo-xd .promo-item{width:100%;margin-bottom:calc(.4 * var(--u));background:var(--surface-1);border:calc(.03 * var(--u)) solid color-mix(in srgb, var(--primary) 45%, transparent);border-radius:calc(.15 * var(--u));display:block;position:relative;overflow:hidden}.promo-xd .promo-item[open],.promo-xd .promo-item:hover{border-color:var(--primary)}.promo-xd .promo-sum{cursor:pointer;list-style:none;display:block}.promo-xd .promo-sum::-webkit-details-marker{display:none}.promo-xd .activity-img{width:100%;position:relative;overflow:hidden}.promo-xd .activity-img img{aspect-ratio:5/2;object-fit:cover;object-position:50% 0;background:var(--surface-2);width:100%;display:block}.promo-xd .promo-face{aspect-ratio:5/2;width:100%;padding:0 calc(.44 * var(--u));background:radial-gradient(58% 104% at 4% 52%, color-mix(in srgb, var(--primary) 34%, transparent), transparent 66%), radial-gradient(64% 96% at 88% 44%, color-mix(in srgb, var(--primary-deep) 30%, transparent), transparent 68%), linear-gradient(118deg, var(--surface-3) 0%, var(--surface-1) 54%, var(--bg-base) 100%);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.promo-xd .promo-face:after{content:"";inset:calc(.1 * var(--u));border:1px solid color-mix(in srgb, var(--primary) 28%, transparent);border-radius:calc(.1 * var(--u));pointer-events:none;position:absolute}.promo-xd .promo-face:before{content:"";background:repeating-linear-gradient(-62deg, color-mix(in srgb, var(--primary) 9%, transparent) 0 1px, transparent 1px calc(.14 * var(--u)));position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 30%,#000 100%);mask-image:linear-gradient(90deg,#0000 30%,#000 100%)}.promo-xd .promo-face-ico{top:50%;right:calc(-.18 * var(--u));font-variation-settings:"FILL" 1, "wght" 500;font-size:calc(1.62 * var(--u));color:var(--primary);opacity:.3;filter:drop-shadow(0 0 calc(.2 * var(--u)) color-mix(in srgb, var(--primary) 45%, transparent));pointer-events:none;line-height:1;position:absolute;transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 42%);mask-image:linear-gradient(90deg,#0000,#000 42%)}.promo-xd .promo-face-eyebrow{z-index:1;margin-bottom:calc(.08 * var(--u));font-size:calc(.2 * var(--u));letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--primary-hot) 82%, transparent);font-weight:800;position:relative}.promo-xd .promo-face-fig{z-index:1;font-size:calc(.62 * var(--u));letter-spacing:-.015em;background:linear-gradient(92deg, var(--primary-hot), var(--primary) 58%, var(--primary-deep));color:#0000;filter:drop-shadow(0 calc(.04 * var(--u)) calc(.12 * var(--u)) #0009);-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1.04;position:relative}.promo-xd .activity-info{align-items:center;gap:calc(.2 * var(--u));padding:calc(.24 * var(--u)) calc(.28 * var(--u));display:flex}.promo-xd .title-content{flex:1;min-width:0;position:relative}.promo-xd .item-title{margin-bottom:calc(.045 * var(--u));font-size:calc(.3 * var(--u));color:var(--primary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.4;display:block;overflow:hidden}.promo-xd .content-preview{font-size:calc(.22 * var(--u));color:var(--text-dim);font-weight:600;line-height:1.4;display:block}.promo-xd .btn-wrap{gap:calc(.2 * var(--u));flex:none;align-items:center;display:flex}.promo-xd .btn-more{justify-content:center;align-items:center;gap:calc(.1 * var(--u));min-width:calc(1.7 * var(--u));height:calc(.48 * var(--u));padding:0 calc(.2 * var(--u));background-image:linear-gradient(var(--surface-2), var(--surface-2)), var(--cta-grad);border:calc(.02 * var(--u)) solid transparent;border-radius:calc(.16 * var(--u));-webkit-clip-path:inset(0 round calc(.16 * var(--u)));clip-path:inset(0 round calc(.16 * var(--u)));background-origin:padding-box,border-box;background-clip:padding-box,border-box;display:flex}.promo-xd .btn-more span{font-size:calc(.22 * var(--u));color:var(--text);text-transform:capitalize;white-space:nowrap;font-weight:700}.promo-xd .btn-more .material-symbols-outlined{font-size:calc(.28 * var(--u));color:var(--text-faint);transition:transform .2s}.promo-xd .promo-item[open] .btn-more .material-symbols-outlined{transform:rotate(180deg)}.promo-xd .pbanner-panel{--pc:var(--primary)}@media (min-width:760px){main.content.promo-xd{max-width:1120px;margin-inline:auto}.promo-xd .activity-content{gap:calc(.4 * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.promo-xd .promo-item{margin-bottom:0}}
