@layer components{.register-reward-card{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;width:274px;height:208px;padding:18px 14px 20px;background:var(--color-bm-bg-page);border:1px solid var(--color-bm-border-default);border-radius:6px;color:var(--color-bm-text-primary);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.register-reward-card--fluid{width:100%;border-radius:12px}.register-reward-card__gift{display:flex;align-items:center;justify-content:center;height:84px;margin-bottom:0}.register-reward-card__gift img{width:112.5px;height:112.5px;object-fit:contain}.register-reward-card__content{margin-bottom:0;text-align:center}.register-reward-card__title{color:var(--color-bm-text-primary);font-size:14px;font-weight:700;line-height:20px;white-space:nowrap}.register-reward-card__title span{color:var(--color-bm-function-cex-brand)}.register-reward-card__button{display:flex;align-items:center;justify-content:center;width:234px;height:40px;margin:0 auto;background:var(--color-bm-function-cex-brand);color:var(--color-bm-text-button);border:0;border-radius:20px;font-size:14px;font-weight:700;line-height:20px;cursor:pointer;text-decoration:none;transition:opacity .2s ease}.register-reward-card--fluid .register-reward-card__button{width:100%}.register-reward-card__button:active{opacity:.85}@media (hover:hover){.register-reward-card__button:hover{opacity:.9}}.register-reward-card__button-icon{flex-shrink:0;width:16px;height:16px;margin-right:8px;color:currentColor}[dir=rtl] .register-reward-card__button-icon{margin-left:8px;margin-right:0}@media (max-width:767px){.register-reward-card{display:block;width:100%;height:auto;min-height:249px;padding:31px 24px 25px;border-radius:8px}.register-reward-card--fluid{border-radius:12px}.register-reward-card__gift{width:100%;height:86px;margin-bottom:7px;margin-right:0}.register-reward-card__gift img{width:96px;height:96px}.register-reward-card__content{margin-bottom:16px;margin-right:0;text-align:center}.register-reward-card__button,.register-reward-card__title{font-size:14px;line-height:20px}.register-reward-card__button{width:100%;max-width:398px;min-width:0;height:50px;margin:0 auto;padding:0 20px;border-radius:25px}.register-reward-card__button-icon{width:16px;height:16px;margin-right:8px}}}@layer components{.register-floating-banner{display:none}@media (min-width:768px){.register-floating-banner{position:fixed;bottom:24px;left:0;right:0;z-index:90;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;width:calc(100% - 48px);max-width:1016px;min-height:84px;margin:0 auto;padding:12px 40px;border:1px solid var(--color-bm-border-default);border-radius:12px;background-color:var(--color-bm-bg-page);color:var(--color-bm-text-primary);opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.register-floating-banner--visible{opacity:1;transform:translateY(0);pointer-events:auto}}.register-floating-banner__close{position:absolute;top:8px;right:8px;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:0;color:var(--color-bm-text-secondary);cursor:pointer}.register-floating-banner__close:hover{color:var(--color-bm-text-primary)}.register-floating-banner__close-icon{position:relative;display:block;width:12px;height:12px}.register-floating-banner__close-icon:after,.register-floating-banner__close-icon:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1.5px;background-color:currentColor;border-radius:1px}.register-floating-banner__close-icon:before{transform:translateY(-50%) rotate(45deg)}.register-floating-banner__close-icon:after{transform:translateY(-50%) rotate(-45deg)}.register-floating-banner__gift{flex-shrink:0;width:64px;height:64px;margin-right:24px;object-fit:contain}.register-floating-banner__title{flex:1 1 0%;min-width:0;font-size:22px;line-height:30px;font-weight:700;color:var(--color-bm-text-primary)}.register-floating-banner__title span{color:var(--color-bm-function-cex-brand);font-weight:700}.register-floating-banner__button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:4px;width:204px;height:40px;margin-left:32px;padding:0;border:0;border-radius:20px;background-color:var(--color-bm-function-cex-brand);color:var(--color-bm-text-button);font-size:14px;font-weight:700;line-height:20px;cursor:pointer;text-decoration:none;transition:opacity .2s ease}.register-floating-banner__button:active{opacity:.85}@media (hover:hover){.register-floating-banner__button:hover{opacity:.9}}.register-floating-banner__button-icon{flex-shrink:0}}