.ab-jade{--ab-hi:#1fae78;--ab-base:#0a7a52;--ab-lo:#05603f;--ab-glow:#0a7a5280;--ab-on:#fff}.ab-leaf{--ab-hi:#6be0a8;--ab-base:#2fbf7f;--ab-lo:#1c9a62;--ab-glow:#2fbf7f73;--ab-on:#fff}.ab-saffron{--ab-hi:#ffd27a;--ab-base:#f2a52a;--ab-lo:#dc8a0e;--ab-glow:#f2a52a8c;--ab-on:#5a3a00}.ab-hero{--ab-grid:rgb(var(--shade) / .05);isolation:isolate;position:relative}@media not print{:root.dark[data-wc-platform] .ab-hero{--ab-grid:#ffffff0b}}.ab-hero:before{content:"";z-index:-1;background-image:linear-gradient(to right, var(--ab-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--ab-grid) 1px, transparent 1px);background-position:50% -1px;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 80% at 28% 35%,#000 10%,#0000 72%);mask-image:radial-gradient(60% 80% at 28% 35%,#000 10%,#0000 72%)}@media (max-width:1023px){.ab-hero:before{-webkit-mask-image:radial-gradient(90% 45% at 50% 55%,#000 10%,#0000 75%);mask-image:radial-gradient(90% 45% at 50% 55%,#000 10%,#0000 75%)}}.ab-mark{aspect-ratio:48/52;width:100%;position:relative}.ab-tile,.ab-slot{aspect-ratio:1;border-radius:22%;width:28.125%;position:absolute;translate:-50% -50%;rotate:45deg}.ab-tile{color:var(--ab-on);background:linear-gradient(135deg, var(--ab-hi), var(--ab-base) 52%, var(--ab-lo));box-shadow:inset 2px 2px 0 #ffffff4d, inset -3px -3px 10px #0000001a,  17px 17px 44px -18px var(--ab-glow);place-items:center;display:grid}.ab-tile:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at 0 0,#ffffff47,#0000 46%);position:absolute;inset:0}.ab-tile-icon{width:38%;height:38%;position:relative;rotate:-45deg}.ab-tile-1{top:23.71%;left:50%}.ab-tile-2{top:46.15%;left:74.31%}.ab-tile-3{top:46.15%;left:25.69%}.ab-tile-4{top:78.21%;left:50%}.ab-slot{border:2px dashed color-mix(in oklab, var(--jade) 42%, transparent);background:color-mix(in oklab, var(--jade) 5%, transparent);top:68.6%;left:50%}@keyframes ab-set{0%{opacity:0;scale:.7}}@keyframes ab-slot-in{0%{opacity:0}}@keyframes ab-glide{0%{opacity:0;translate:-50%}35%{opacity:1}}.ab-tile-1,.ab-tile-2,.ab-tile-3{animation:.7s cubic-bezier(.34,1.4,.64,1) both ab-set}.ab-tile-1{animation-delay:.1s}.ab-tile-2{animation-delay:.22s}.ab-tile-3{animation-delay:.34s}.ab-slot{animation:.6s .5s both ab-slot-in}.ab-tile-4{animation:1.3s cubic-bezier(.22,1,.36,1) .7s both ab-glide}@media (prefers-reduced-motion:reduce){.ab-tile,.ab-slot{animation:none}}.ab-step-mark{width:2.5rem;height:2.5rem;color:var(--ab-on);flex-shrink:0;place-items:center;font-size:.875rem;font-weight:800;line-height:1;display:grid;position:relative}.ab-step-mark:before{content:"";background:linear-gradient(135deg, var(--ab-hi), var(--ab-base) 55%, var(--ab-lo));box-shadow:inset 1px 1px 0 #ffffff4d, 5px 5px 14px -6px var(--ab-glow);border-radius:24%;position:absolute;inset:17%;rotate:45deg}.ab-step-mark>span{position:relative}.ab-value{border-top:1px solid var(--line);padding-block:1.75rem}@media (min-width:640px){.ab-value{padding-inline-end:2rem}}@media (min-width:1024px){.ab-value{border-top:0;border-inline-start:1px solid var(--line);padding:.25rem 2rem .5rem}.ab-value:first-child{border-inline-start:0;padding-inline-start:0}.ab-value:last-child{padding-inline-end:0}}.ab-avatar{color:#fff;background:linear-gradient(160deg,#1fae78,#0a7a52 55%,#05603f);border-radius:1.35rem;flex-shrink:0;place-items:center;width:4.25rem;height:4.25rem;font-size:1.85rem;font-weight:900;line-height:1;display:grid;position:relative;box-shadow:inset 0 1px #ffffff4d,0 14px 30px -14px #0a7a52cc}.ab-avatar:after{content:"";inset-inline-start:-.4rem;width:1.15rem;height:1.15rem;box-shadow:0 0 0 3px var(--night);background:linear-gradient(135deg,#ffd27a,#f2a52a 55%,#dc8a0e);border-radius:.3rem;position:absolute;bottom:-.4rem;rotate:45deg}.ab-avatar-sm{border-radius:1rem;width:3rem;height:3rem;font-size:1.3rem}.ab-avatar-sm:after{inset-inline-start:-.3rem;border-radius:.22rem;width:.85rem;height:.85rem;bottom:-.3rem}