/* APP_POINTS_PROFILE_DESIGN_V2; self-hosted for the existing CSP. */
.pointsProfile{overflow:hidden}.pointsProfile h2{margin:0 0 20px;color:#801b17}
.pointsProfile .pointsHero{position:relative;min-height:158px;box-sizing:border-box;padding:30px 28px;border:1px solid #a03a32;border-radius:19px;background:#801b17 url('/webpoints-fish.svg?v=2') right bottom/cover no-repeat;box-shadow:0 6px 14px #6c16161c;color:#fff}
.pointsProfile .pointsBalance{position:relative;z-index:1;padding-right:38px}
.pointsProfile .pointsAmount{display:block;font-size:clamp(44px,6vw,68px);font-weight:850;line-height:1.08;letter-spacing:-.035em;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pointsProfile .pointsCaption{display:block;margin-top:10px;font-size:16px;font-weight:650;color:#ffdfb5;line-height:1.4}
.pointsProfile .pointsIcon{position:absolute;z-index:1;top:22px;right:22px;width:36px;height:36px;color:#ffc96b}
.pointsProfile .pointsIcon svg{display:block;width:36px!important;height:36px!important;max-width:36px!important}
.pointsProfile .pointsDescription{margin:22px 0 18px;line-height:1.65;color:#53473e}
.pointsProfile .pointsShop{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:12px;background:#ed5907;color:#fff;text-decoration:none;font-size:16px;font-weight:750;min-height:48px;box-sizing:border-box}
.pointsProfile .pointsShop:hover{background:#cc4700}.pointsProfile .pointsShop:focus-visible{outline:3px solid #801b17;outline-offset:4px}
.pointsProfile .pointsUpdated{margin:22px 0 0;padding-top:16px;border-top:1px solid #eadfd5;font-size:12px;color:#786e66;line-height:1.5}
@media(max-width:420px){.pointsProfile .pointsHero{padding:25px 20px;min-height:150px}.pointsProfile .pointsIcon{top:20px;right:18px}.pointsProfile .pointsShop{display:flex;width:100%}.pointsProfile .pointsCaption{font-size:15px}}

.accountCard .pointsGreeting{display:block;font-size:clamp(18px,3vw,22px);font-weight:750;color:#801b17;line-height:1.35;overflow-wrap:anywhere;margin-bottom:6px}
.accountCard .pointsEmail{display:block;font-size:14px;line-height:1.45;font-weight:400;color:#786e66;overflow-wrap:anywhere}
.accountCard>div{min-width:0}
