.account-package-card{position:relative;display:flex;width:fit-content;min-width:140px;height:100%;flex-shrink:0;flex-direction:column;overflow:hidden;border-radius:12px;padding:0;background:linear-gradient(134deg,#ffffff05,#ffffff01);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-align:inherit;cursor:pointer}.account-package-card:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(218deg,#4b39c4cc,#4ffff2cc 99%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .15s ease}.account-package-card:hover:after{opacity:1}.account-package-card-bg{position:absolute;top:-122px;left:50%;z-index:0;width:384px;height:381px;max-width:none;pointer-events:none;opacity:0;transform:translate(-50%);transition:opacity .15s ease}.account-package-card:hover .account-package-card-bg{opacity:1}.account-package-body{position:relative;z-index:1;display:flex;min-height:0;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding-top:16px;padding-bottom:8px}.account-package-bonus{font-size:18px;font-weight:500;line-height:1.2;background:linear-gradient(244deg,#4b39c4 2%,#4ffff2 99%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.account-package-amount{font-size:32px;font-weight:600;line-height:1.1;white-space:nowrap}.account-package-footer{position:relative;z-index:1;display:flex;height:47px;flex-shrink:0;align-items:center;justify-content:center;align-self:stretch;border-radius:0 0 12px;padding-top:8px;padding-bottom:8px;background:linear-gradient(251deg,#4b39c41a,#4ffff21a 99%);transition:background .15s ease}.account-package-card:hover .account-package-footer{background:linear-gradient(251deg,#4b39c4cc,#4ffff2cc 99%)}.account-package-currency{font-size:16px;font-weight:400;line-height:1;color:#4b39c4;transition:color .15s ease}.account-package-price{font-size:24px;font-weight:400;line-height:1;color:#4b39c4;white-space:nowrap;transition:color .15s ease}.account-package-card:hover .account-package-currency,.account-package-card:hover .account-package-price{color:#fff}.dark .account-package-footer{background:linear-gradient(251deg,#4b39c433,#4ffff233 99%)}.dark .account-package-card:hover .account-package-footer{background:linear-gradient(251deg,#4b39c4cc,#4ffff2cc 99%)}.dark .account-package-currency,.dark .account-package-price,.dark .account-package-card:hover .account-package-currency,.dark .account-package-card:hover .account-package-price{color:#fff}.account-redemption-card{position:relative;display:flex;box-sizing:border-box;width:387px;height:178px;flex-shrink:0;align-items:flex-start;overflow:hidden;border-radius:13px;padding:24px 24px 24px 40px;background-color:#dce8ff;background-position:right center;background-repeat:no-repeat;background-size:cover}.account-redemption-button{display:inline-flex;height:38px;flex-shrink:0;align-items:center;gap:12px;border:1px solid rgb(255 255 255 / 40%);border-radius:8px;padding:8px 12px;background:#ffffff1a;font-size:14px;font-weight:500;line-height:1;color:#223a6c;backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px)}.account-redemption-button svg{width:20px;height:20px;flex-shrink:0}.account-redemption-amount{font-family:var(--font-hanken-grotesk);color:#000000e5}.account-date-range-trigger{display:inline-flex;box-sizing:border-box;height:36px;min-width:220px;flex-shrink:0;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgb(64 64 64 / 20%);border-radius:8px;padding:8px 16px;background:transparent;box-shadow:none;color:var(--muted-foreground);cursor:pointer}.account-date-range-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px #00000014}.account-date-range-reset{background:linear-gradient(286deg,#0066ff0d 1%,#001aff0d)}.dark .account-date-range-reset{background:#ffffff0d}.dark .account-date-range-reset:before{content:none}.dark .account-date-range-trigger{border:1px solid rgb(255 255 255 / 20%);background:linear-gradient(264deg,#ffffff1f,#ffffff08);box-shadow:0 2px 16px #0000001f;color:#fff}.dark .account-date-range-trigger:focus-visible{box-shadow:0 2px 16px #0000001f,0 0 0 3px #ffffff1f}.account-date-range-popover [data-selected-single=true],.account-date-range-popover [data-range-start=true],.account-date-range-popover [data-range-end=true]{background-color:var(--brand);color:var(--brand-foreground)}.account-date-range-popover [data-range-middle=true]{background-color:color-mix(in srgb,var(--brand) 36%,transparent);color:var(--foreground)}.account-top-panel{display:flex;box-sizing:border-box;align-items:stretch;gap:16px;border-radius:8px;padding:16px 24px}