[data-ms-storefront] .ms-referral-matrix *{box-sizing:border-box}
[data-ms-storefront] .ms-referral-matrix{background:#172d3f;border:1px solid #3b4b61;border-radius:19px;overflow:hidden}
[data-ms-storefront] .ms-referral-matrix>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:15px 17px;border-bottom:1px solid transparent}
[data-ms-storefront] .ms-referral-matrix>summary::-webkit-details-marker{display:none}
[data-ms-storefront] .ms-referral-matrix[open]>summary{border-bottom-color:#3b4b61}
[data-ms-storefront] .ms-referral-matrix>summary strong{display:block;font-size:16px;line-height:1.4;letter-spacing:-.2px}
[data-ms-storefront] .ms-referral-matrix>summary small{display:block;margin-top:6px;color:#b8c8da;font-size:11px;line-height:1.5}
[data-ms-storefront] .ms-referral-matrix svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
[data-ms-storefront] .ms-referral-matrix summary>svg{width:16px;height:16px;color:#d0bfef}
[data-ms-storefront] .ms-referral-matrix details[open]>summary>svg{transform:rotate(180deg)}
[data-ms-storefront] .ms-referral-matrix summary:focus-visible{outline:3px solid #c7ded8;outline-offset:-5px;border-radius:15px}
[data-ms-storefront] .ms-referral-matrix .matrix-body{padding:0 15px 13px}
[data-ms-storefront] .ms-referral-matrix .intro{font-size:12px;line-height:1.6;color:#b8c8da;margin:12px 1px 10px}
[data-ms-storefront] .ms-referral-matrix .table-surface{border:1px solid #54617d;border-radius:13px;overflow:hidden}
[data-ms-storefront] .ms-referral-matrix table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed}
[data-ms-storefront] .ms-referral-matrix col{width:50%}
[data-ms-storefront] .ms-referral-matrix th,[data-ms-storefront] .ms-referral-matrix td{text-align:center}
[data-ms-storefront] .ms-referral-matrix thead th{background:#243951;padding:12px 8px;font-weight:400;text-align:left}
[data-ms-storefront] .ms-referral-matrix thead th+th{border-left:1px solid #4a5a75}
[data-ms-storefront] .ms-referral-matrix .audience{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;width:110px;max-width:100%;margin:0 auto}
[data-ms-storefront] .ms-referral-matrix .number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #9385b0;color:#e1d4f7;background:#303f58;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
[data-ms-storefront] .ms-referral-matrix thead strong{display:block;font-size:14px;line-height:1.45;font-weight:700}
[data-ms-storefront] .ms-referral-matrix thead small{display:block;font-size:11px;line-height:1.6;color:#b8c8da;margin-top:3px}
[data-ms-storefront] .ms-referral-matrix tbody th{border-top:1px solid #4a5a75;padding:8px 13px;text-align:left;background:#1b3045;color:#cbd5e5;font-size:12px;line-height:1.5;font-weight:400;letter-spacing:.1px}
[data-ms-storefront] .ms-referral-matrix tbody td{padding:12px 9px 13px;vertical-align:middle}
[data-ms-storefront] .ms-referral-matrix tbody td+td{border-left:1px solid #4a5a75}
[data-ms-storefront] .ms-referral-matrix .registration td{background:#22364e}
[data-ms-storefront] .ms-referral-matrix .amount{font-size:31px;line-height:1.1;letter-spacing:-.9px;color:#e2d2f9;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
[data-ms-storefront] .ms-referral-matrix .amount small{font-size:12px;font-weight:400;letter-spacing:0}
[data-ms-storefront] .ms-referral-matrix .purchases td{background:#1a3044;padding-top:12px;padding-bottom:13px}
[data-ms-storefront] .ms-referral-matrix .purchase-reward{display:grid;grid-template-rows:30px 38.4px;row-gap:6px;justify-items:center;align-content:start}
[data-ms-storefront] .ms-referral-matrix .purchase-reward>strong{display:flex;align-items:center;justify-content:center;height:30px;font-weight:700;white-space:nowrap}
[data-ms-storefront] .ms-referral-matrix .base-reward{font-size:20px;line-height:30px;color:#decef5;letter-spacing:-.5px}
[data-ms-storefront] .ms-referral-matrix .percent{font-size:25px;line-height:30px;color:#decef5;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
[data-ms-storefront] .ms-referral-matrix .purchase-reward>span{display:block;font-size:12px;line-height:19.2px;color:#b8c8da}
[data-ms-storefront] .ms-referral-matrix .terms{padding:14px 1px 12px}
[data-ms-storefront] .ms-referral-matrix .terms h2{font-size:12px;line-height:1.5;font-weight:700;color:#d6deeb;margin:0 0 6px}
[data-ms-storefront] .ms-referral-matrix .terms p{font-size:12px;line-height:1.6;color:#b8c8da;margin:0}
[data-ms-storefront] .ms-referral-matrix .terms p+p{margin-top:6px}
[data-ms-storefront] .ms-referral-matrix .terms strong{font-weight:400;color:#e5eaf3}
[data-ms-storefront] .ms-referral-matrix .payment{display:flex;align-items:center;gap:11px;border-top:1px solid #3b4b61;padding:12px 1px 1px}
[data-ms-storefront] .ms-referral-matrix .payment-icon{display:grid;place-items:center;width:35px;height:35px;background:#2b3b53;border:1px solid #5f5b78;border-radius:10px;color:#d0bfef;flex-shrink:0}
[data-ms-storefront] .ms-referral-matrix .payment-icon svg{width:18px;height:18px}
[data-ms-storefront] .ms-referral-matrix .payment p{margin:0;font-size:11px;line-height:1.6;color:#b8c8da}
[data-ms-storefront] .ms-referral-matrix .payment strong{display:block;color:#f0f2f8;font-size:13px;line-height:1.5;margin-top:3px;font-weight:700}
[data-ms-storefront] .ms-referral-matrix .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:340px){[data-ms-storefront] .ms-referral-matrix .matrix-body{padding-left:13px;padding-right:13px}
[data-ms-storefront] .ms-referral-matrix>summary{padding-left:15px;padding-right:15px}
[data-ms-storefront] .ms-referral-matrix .amount{font-size:29px}
[data-ms-storefront] .ms-referral-matrix .percent{font-size:23px}
[data-ms-storefront] .ms-referral-matrix .base-reward{font-size:19px}
[data-ms-storefront] .ms-referral-matrix .payment strong{font-size:12px}
}
[data-ms-storefront] .ms-referral-matrix{font-family:Arial,Helvetica,sans-serif;color:#eff2f9;margin:0;max-width:none;box-shadow:none} [data-ms-storefront] .ms-referral-matrix .matrix-more{margin-top:12px;border-top:1px solid #3b4b61;background:none} [data-ms-storefront] .ms-referral-matrix .matrix-more>summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:12px 1px 0;font-size:12px;color:#cbbbea;cursor:pointer;list-style:none} [data-ms-storefront] .ms-referral-matrix .matrix-more>div{padding:12px 1px 0;font-size:12px;line-height:1.6;color:#b8c8da} [data-ms-storefront] .ms-referral-matrix .matrix-more p{margin:8px 0 14px;font-size:12px;line-height:1.6} [data-ms-storefront] .ms-referral-matrix .matrix-more small{font-size:11px;line-height:1.6} [data-ms-storefront] .ms-referral-matrix .matrix-more strong{font-size:12px;color:#eff2f9} [data-ms-storefront] .ms-referral-matrix .matrix-more summary:focus-visible{outline:2px solid #c7ded8;outline-offset:-2px} [data-ms-storefront] .ms-referral-matrix .matrix-more[open]>summary{border:0}
[data-ms-storefront] .ms-referral-matrix[open]>summary>svg{transform:rotate(180deg)}