/* Sole stylesheet for the Action & Recognition Hero. */
#content .personalized-hero{overflow:hidden;border:1px solid #d9eee0;border-radius:22px;background:linear-gradient(125deg,#f7fcf8,#fff 56%,#edf8f0);color:#123b28}
#content .personalized-hero-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,18%);align-items:center;gap:24px;min-height:150px;padding:22px clamp(22px,3vw,42px)}
#content .personalized-hero-copy{position:relative;z-index:1;min-width:0}.personalized-hero p{margin:0}.personalized-hero-eyebrow{margin-bottom:6px!important;color:#16864d;font-size:12px;font-weight:800;letter-spacing:.08em}.personalized-hero-name{margin:0;color:#123b28;font:800 clamp(22px,2vw,28px)/1.16 inherit;letter-spacing:-.025em}.personalized-hero-rank{margin-top:5px!important;color:#267047;font-size:14px;font-weight:750}.personalized-hero-achievement{margin-top:8px!important;color:#315c45;font-size:15px;font-weight:650;line-height:1.4}.personalized-hero-context{margin-top:3px!important;color:#5a7567;font-size:14px;line-height:1.4}.personalized-hero-date{display:block;margin-top:9px;color:#5f7a6c;font-size:12px;font-weight:700}.personalized-hero-action{margin-top:11px;padding:8px 13px;border:0;border-radius:10px;background:#07984b;color:#fff;font:700 13px/1 inherit;cursor:pointer}.personalized-hero-decoration{position:relative;align-self:stretch;min-height:104px;pointer-events:none}.personalized-hero-decoration i,.personalized-hero-decoration:before,.personalized-hero-decoration:after{position:absolute;content:"";border-radius:50%}.personalized-hero-decoration i{right:2%;top:8%;width:130px;height:130px;background:radial-gradient(circle at 32% 28%,#fff 0 8%,rgba(28,159,83,.18) 9% 43%,transparent 67%)}.personalized-hero-decoration:before{right:17%;bottom:12%;width:32px;height:32px;background:rgba(28,159,83,.18)}.personalized-hero-decoration:after{right:1%;bottom:3%;width:17px;height:17px;background:#bfe8ca}.personalized-hero-decoration b{position:absolute;right:30%;top:31%;z-index:1;color:#16864d;font-size:38px;font-weight:400}.personalized-hero-shell--viewer_birthday,.personalized-hero-shell--monthly_sales_winner,.personalized-hero-shell--diamond_birthday{background:linear-gradient(125deg,#fffaf3,transparent 60%,#eef9f1)}.personalized-hero-shell--viewer_birthday .personalized-hero-eyebrow,.personalized-hero-shell--monthly_sales_winner .personalized-hero-eyebrow,.personalized-hero-shell--diamond_birthday .personalized-hero-eyebrow{color:#a66a17}
#content .personalized-hero--loading .personalized-hero-shell{min-height:128px}.personalized-hero-skeleton{width:min(380px,72%);height:25px;border-radius:8px;background:linear-gradient(90deg,#edf5ef,#f8fcf9,#edf5ef);background-size:200% 100%;animation:ecofami-hero-loading 1s ease-in-out infinite}@keyframes ecofami-hero-loading{to{background-position:-200% 0}}
@media (max-width:760px){#content .personalized-hero{border-radius:18px}.personalized-hero-shell{grid-template-columns:minmax(0,1fr);min-height:0;padding:18px}.personalized-hero-decoration{position:absolute;right:-22px;top:-24px;width:128px;min-height:128px;opacity:.55}.personalized-hero-name{font-size:clamp(20px,6vw,23px)}.personalized-hero-context{display:none}.personalized-hero-achievement{max-width:34ch;font-size:14px}.personalized-hero-action{min-height:40px}.personalized-hero-date{margin-top:8px}}