@layer reset, tokens, legacy, primitives, archetypes, utilities, overrides;@layer legacy{}@layer primitives{.ui-pack-ladder{--ladder-gold:linear-gradient(90deg,var(--color-gold-600) 0%,var(--color-gold-550) 12%,var(--color-gold-300) 50%,var(--color-gold-550) 88%,var(--color-gold-600) 100%);--ladder-ring:linear-gradient(135deg,var(--color-gold-700) 0%,var(--color-gold-600) 35%,var(--color-gold-550) 55%,var(--color-gold-700) 100%);--ladder-line:var(--color-powder-500);--ladder-faint:color-mix(in srgb,var(--color-powder-500) 30%,#0000);--ladder-stroke:calc(var(--space-2xs)*0.5);--ladder-percent-col:calc(var(--space-2xs)*15.5);--ladder-gap:calc(var(--space-2xs)*4);--ladder-from-width:calc(var(--space-2xs)*20);--ladder-from-height:calc(var(--space-2xs)*11);--ladder-row:calc(var(--space-2xs)*20.5);--ladder-ring-size:calc(var(--space-2xs)*13);color:var(--color-powder-300);display:grid;font-family:var(--font-heading-minor);justify-content:center;list-style:none;margin:var(--space-lg) 0 0;padding:0}@media (min-width:768px){.ui-pack-ladder{--ladder-from-width:calc(var(--space-2xs)*27);--ladder-from-height:calc(var(--space-2xs)*10);--ladder-ring-size:calc(var(--space-2xs)*22);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-content:stretch;margin:calc(var(--space-2xs)*11) auto 0;max-width:calc(var(--space-2xs)*265);width:100%}}.ui-pack-ladder__tier{align-items:center;column-gap:var(--ladder-gap);display:grid;grid-template-columns:var(--ladder-percent-col) var(--ladder-from-width) auto;height:var(--ladder-row);position:relative}.ui-pack-ladder__tier:after{background:var(--ladder-line);bottom:0;content:"";left:calc(var(--ladder-percent-col) + var(--ladder-gap) + var(--ladder-from-width)/2 - var(--ladder-stroke)/2);position:absolute;top:0;width:var(--ladder-stroke)}.ui-pack-ladder__tier:first-child:after{top:50%}.ui-pack-ladder__tier:last-child:after{bottom:50%}@media (min-width:768px){.ui-pack-ladder__tier{align-items:center;display:flex;flex-direction:column;height:auto}.ui-pack-ladder__tier:after{height:var(--ladder-stroke);inset:calc(var(--space-2xs)*9.5 + var(--space-2xs)*10 + var(--ladder-from-height)/2 - var(--ladder-stroke)/2) 0 auto;width:auto}.ui-pack-ladder__tier:first-child:after{left:50%;top:calc(var(--space-2xs)*9.5 + var(--space-2xs)*10 + var(--ladder-from-height)/2 - var(--ladder-stroke)/2)}.ui-pack-ladder__tier:last-child:after{bottom:auto;right:50%}}.ui-pack-ladder__percent{background:var(--ladder-gold);color:var(--color-coffee-700);font-size:var(--text-body-sm);font-weight:700;justify-self:end;letter-spacing:.03em;line-height:1;padding:calc(var(--space-2xs)*1.5) var(--space-xs);white-space:nowrap}@media (min-width:768px){.ui-pack-ladder__percent{align-items:center;display:inline-flex;font-size:calc(var(--space-2xs)*5.375);height:calc(var(--space-2xs)*9.5);padding:0 calc(var(--space-2xs)*3.5)}}.ui-pack-ladder__from{align-items:center;background:var(--ladder-line);border-radius:var(--radius-pill);color:color-mix(in srgb,var(--color-coffee-700) 78%,#0000);display:flex;flex-direction:column;font-size:calc(var(--space-2xs)*2.625);font-weight:600;height:var(--ladder-from-height);justify-content:center;line-height:1.12;padding:0 var(--space-2xs);position:relative;text-align:center;width:var(--ladder-from-width);z-index:1}.ui-pack-ladder__from b,.ui-pack-ladder__from strong{color:var(--color-coffee-700);display:block;font-size:var(--text-body-md);font-weight:800;line-height:1.05}.ui-pack-ladder__from:before{background:var(--ladder-faint);content:"";height:var(--ladder-stroke);position:absolute;right:100%;top:50%;width:var(--ladder-gap)}@media (min-width:768px){.ui-pack-ladder__from{color:var(--color-coffee-700);flex-direction:row;font-size:calc(var(--space-2xs)*4.5);font-weight:700;line-height:1;margin-top:calc(var(--space-2xs)*10);min-width:var(--ladder-from-width);padding:0 calc(var(--space-2xs)*3);white-space:nowrap;width:auto}.ui-pack-ladder__from b,.ui-pack-ladder__from strong{display:contents;font-size:inherit;font-weight:inherit;line-height:inherit}.ui-pack-ladder__from:before{height:calc(var(--space-2xs)*10);inset:auto auto 100% 50%;width:var(--ladder-stroke)}}@media (min-width:1024px){.ui-pack-ladder__from{padding:0 calc(var(--space-2xs)*5.5)}}.ui-pack-ladder__tier:last-child .ui-pack-ladder__from:after{background:var(--ladder-line);clip-path:polygon(calc(50% - var(--ladder-stroke)/2) 0,calc(50% + var(--ladder-stroke)/2) 0,calc(50% + var(--ladder-stroke)/2) 60%,100% 60%,50% 100%,0 60%,calc(50% - var(--ladder-stroke)/2) 60%);content:"";height:calc(var(--space-2xs)*5);left:calc(50% - var(--space-2xs)*1.25);position:absolute;top:100%;width:calc(var(--space-2xs)*2.5)}@media (min-width:768px){.ui-pack-ladder__tier:last-child .ui-pack-ladder__from:after{clip-path:polygon(0 calc(50% - var(--ladder-stroke)/2),70% calc(50% - var(--ladder-stroke)/2),70% 0,100% 50%,70% 100%,70% calc(50% + var(--ladder-stroke)/2),0 calc(50% + var(--ladder-stroke)/2));height:calc(var(--space-2xs)*2.5);left:100%;top:calc(50% - var(--space-2xs)*1.25);width:calc(var(--space-2xs)*8)}}.ui-pack-ladder__gift{align-items:center;background:none;border:0;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;font:inherit;gap:calc(var(--space-2xs)*2.5);letter-spacing:normal;margin:0;padding:0;position:relative;text-align:start;text-transform:none;transition:filter .15s ease}.ui-pack-ladder__gift:focus-visible{outline:calc(var(--space-2xs)*.5) solid var(--color-gold-550);outline-offset:var(--space-2xs)}@media (hover:hover) and (pointer:fine){.ui-pack-ladder__gift:hover{filter:drop-shadow(0 0 calc(var(--space-2xs)*3.5) color-mix(in srgb,var(--color-gold-550) 35%,transparent))}.ui-pack-ladder__gift:hover .ui-pack-ladder__image{filter:brightness(1.1)}.ui-pack-ladder__gift:hover .ui-pack-ladder__gift-name{color:var(--color-gold-550)}}.ui-pack-ladder__gift:before{background:var(--ladder-faint);content:"";height:var(--ladder-stroke);position:absolute;right:100%;top:50%;width:var(--ladder-gap)}@media (min-width:768px){.ui-pack-ladder__gift{flex-direction:column;margin-top:var(--space-lg);text-align:center}.ui-pack-ladder__gift:before{height:var(--space-lg);inset:auto auto 100% 50%;width:var(--ladder-stroke)}}.ui-pack-ladder__ring{aspect-ratio:1;background:var(--ladder-ring);border-radius:50%;display:block;flex:none;padding:var(--space-2xs);position:relative;width:var(--ladder-ring-size)}@media (min-width:768px){.ui-pack-ladder__ring{padding:calc(var(--space-2xs)*1.5)}}.ui-pack-ladder__image{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--color-wine-500) 70%,var(--color-night-900)) 0,var(--color-night-800) 100%);border-radius:50%;display:block;height:100%;object-fit:cover;transition:filter .15s ease;width:100%}.ui-pack-ladder__badge{align-items:center;background:var(--ladder-gold);border-radius:50%;box-shadow:0 0 0 calc(var(--space-2xs)*.5) var(--color-coffee-900);color:var(--color-coffee-700);display:flex;height:calc(var(--space-2xs)*5.5);justify-content:center;position:absolute;right:calc(var(--space-2xs)*-.75);top:calc(var(--space-2xs)*-.75);width:calc(var(--space-2xs)*5.5)}.ui-pack-ladder__badge svg{height:60%;width:60%}@media (min-width:768px){.ui-pack-ladder__badge{height:calc(var(--space-2xs)*7.5);right:0;top:0;width:calc(var(--space-2xs)*7.5)}}.ui-pack-ladder__gift-text{display:flex;flex-direction:column;max-width:calc(var(--space-2xs)*27)}@media (min-width:768px){.ui-pack-ladder__gift-text{max-width:none}}.ui-pack-ladder__gift-text{font-size:calc(var(--space-2xs)*3);gap:calc(var(--space-2xs)*.75);line-height:1.2}@media (min-width:768px){.ui-pack-ladder__gift-text{gap:var(--space-2xs);margin-top:calc(var(--space-2xs)*3)}}.ui-pack-ladder__gift-name{font-weight:600;transition:color .15s ease}@media (min-width:768px){.ui-pack-ladder__gift-name{font-size:var(--text-body-md)}}.ui-pack-ladder__free{color:color-mix(in srgb,var(--color-coral-500) 60%,var(--color-coral-300));font-weight:700}@media (min-width:768px){.ui-pack-ladder__free{font-size:calc(var(--space-2xs)*3.75)}}}