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 .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}}
