.user-coupon{padding:20px;background:#0e1116;min-width:100vw;min-height:100vh;position:relative;overflow:hidden}@media(min-width:768px){.user-coupon{padding-left:40px;padding-right:40px}}.user-coupon--navbar{width:100%;display:flex;justify-content:start;align-items:center;position:relative;z-index:100;margin-bottom:20px}@media(min-width:768px){.user-coupon--navbar{margin-bottom:0}}.user-coupon--navbar button{color:#fff;display:flex;gap:5px;width:120px;cursor:pointer;position:absolute;left:0}.user-coupon--navbar--logo-wrapper{align-items:center;gap:10px;cursor:pointer}.user-coupon--navbar--logo-wrapper,.user-coupon--navbar--logo-wrapper--logo,.user-coupon--navbar--logo-wrapper--logo div{width:100%;display:flex;justify-content:center}.user-coupon--navbar--logo-wrapper--logo div{align-items:center;gap:10px}@media(min-width:1024px){.user-coupon--navbar--logo-wrapper--logo div{width:760px;justify-content:flex-start}}@media(min-width:1280px){.user-coupon--navbar--logo-wrapper--logo div{width:1024px}}@media(min-width:1536px){.user-coupon--navbar--logo-wrapper--logo div{width:1170px}}.user-coupon--header{position:relative;width:100%;display:flex;justify-content:center;align-items:center;height:240px;flex-direction:column}@media(min-width:768px){.user-coupon--header{height:220px}}.user-coupon--header--title{font-size:24px;font-weight:800;line-height:33.89px;text-align:left;color:#fff;z-index:1;margin-bottom:10px}@media(min-width:768px){.user-coupon--header--title{font-size:28px;line-height:33.89px}}.user-coupon--header--sub-title{font-size:14spx;font-weight:400;line-height:25px;text-align:center;color:#fff;z-index:1}@media(min-width:768px){.user-coupon--header--sub-title{font-size:16px;line-height:24px}}.user-coupon--tab{position:relative;display:inline-flex;height:70px;padding:8px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:69px;border:1.499px solid #0e1116;background:#0e1116;box-shadow:0 5.995px 47.957px 0 rgba(0,0,0,.5);backdrop-filter:blur(38.9653320313px);color:#fff;margin-top:-15px}@media(min-width:768px){.user-coupon--tab{margin-top:-43px;padding:12px}}.user-coupon--tab--active{border-radius:var(--Font-size-Font-size-28,28px);border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.02);box-shadow:inset 0 -4px 12px 1px hsla(0,0%,100%,.1);backdrop-filter:blur(6px);color:#fff;cursor:pointer;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:20.4px}@media(min-width:768px){.user-coupon--tab--active{font-size:18px}}.user-coupon--tab--inactive{color:#fff;cursor:pointer;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:20.4px;color:#8892a5}@media(min-width:768px){.user-coupon--tab--inactive{font-size:18px}}.user-coupon--card{width:320px;min-height:320px;flex-shrink:0;border-radius:8px;border:1.499px solid #0e1116;background:#14161a;box-shadow:0 5.995px 47.957px 0 rgba(0,0,0,.5);backdrop-filter:blur(38.9653320313px);position:relative;margin-bottom:20px;padding:28px;animation:bg-spin 3s linear infinite;animation-play-state:paused}@keyframes bg-spin{to{--border-angle:1turn}}.user-coupon--card:before{content:"";position:absolute;top:10px;left:0;width:2px;height:20%;background:linear-gradient(180deg,rgba(26,237,135,0) 20%,rgba(26,237,135,.4) 50%,rgba(26,237,135,0) 80%);z-index:1}.user-coupon--card:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 20%,#b2b2b2 30%,transparent 80%);z-index:1}.user-coupon--card:hover:after,.user-coupon--card:hover:before{opacity:0}@media(min-width:768px){.user-coupon--card{width:43%}}@media(min-width:1024px){.user-coupon--card{width:31%}}@media(min-width:1280px){.user-coupon--card{width:31%}}@media(min-width:1536px){.user-coupon--card{height:520px;width:31%}}.user-coupon--card--tag{position:absolute;top:-20px;left:15px;font-family:Inter,sans-serif;z-index:10}.user-coupon--card--title{color:#a199ff;font-size:28px;font-style:normal;font-weight:700;line-height:150%}.user-coupon--card--secondary-title{color:#fff;font-size:17px;font-style:normal;font-weight:700;line-height:150%;word-break:break-word;overflow-wrap:break-word}.user-coupon--card--tertiary-title{color:#fff;font-size:16px;font-style:normal;font-weight:700;line-height:150%}.user-coupon--card--normal-text{color:#6e6e6e;font-size:15px;font-style:normal;font-weight:500;line-height:140%;word-break:break-word;overflow-wrap:break-word}.user-coupon--card--footer{position:absolute;width:100%;bottom:30px;width:calc(100% - 40px)}.user-coupon--card--footer--validity-title{color:#e64040;font-size:12px;font-style:normal;font-weight:500;line-height:150%}.user-coupon--card--footer--button-style{display:flex;width:100%;height:40px;padding:10px 4px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:8px;border:1px solid #e1dff8;background:linear-gradient(90deg,#ff68c5 -5.49%,#665bff);color:#fff;text-align:center;font-size:15px;font-style:normal;font-weight:600;line-height:150%;cursor:pointer}.user-coupon--empty{display:inline-flex;padding:40px 20px;align-items:flex-start;align-content:flex-start;gap:10px;flex-wrap:wrap;border-radius:8px;border:1px solid #2f333b;background:#171a20;z-index:999}@media(min-width:768px){.user-coupon--empty{padding:57px 59px;z-index:999}}.user-coupon--empty--title{color:#fff;font-size:28px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:20px;margin-top:20px}.user-coupon--empty--sub-title{color:#6e6e6e;text-align:center;font-size:18px;font-style:normal;font-weight:400;line-height:150%}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}.custom-drawer-title .ant-drawer-title{color:#fff!important}.badgeContainer{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;padding:1px;font-size:.875rem;font-weight:500;color:#fff}.badgeContainer,.badgeTitle{position:relative;border-radius:9999px}.badgeTitle{padding:10px;text-align:center}.OfferBadge{border-radius:9999px;border:1px solid #bab5ff;background:#635bfd;color:#fff;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:800;line-height:150%;padding:6px 13px;width:100%;min-width:100px;text-align:center}