@layer reset, tokens, legacy, primitives, archetypes, utilities, overrides;@layer legacy{}@layer primitives{.ui-pack-guide{display:inline}.ui-pack-guide__link{background:none;border:0;color:var(--color-gold-500);cursor:pointer;display:inline-block;font:inherit;font-size:var(--text-body-md);font-weight:600;letter-spacing:normal;padding:0;text-decoration:underline;text-transform:none;text-underline-offset:.15em}.ui-pack-guide__dialog{--color-text:var(--color-powder-300);--color-heading:var(--color-powder-300);--color-links:var(--color-gold-500);--guide-gold:linear-gradient(90deg,var(--color-gold-600) -3.14%,var(--color-gold-550) 9.12%,var(--color-gold-300) 50.09%,var(--color-gold-550) 95.54%,var(--color-gold-600) 110.57%);--guide-accent:var(--color-gold-550);--guide-button:var(--guide-gold);--guide-button-text:var(--color-coffee-500);--guide-media:calc(var(--space-2xs)*12);--guide-plus:calc(var(--space-2xs)*2.5);--guide-gap:calc(var(--space-2xs)*8.5);background:var(--color-coffee-500);border:1px solid var(--color-coffee-300);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text);font-family:var(--font-body);max-height:calc(100dvh - var(--space-2xl));max-width:100%;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-md) var(--space-sm);width:min(100% - var(--space-md),calc(var(--space-2xs)*140))}.ui-pack-guide__dialog::backdrop{background-color:var(--color-overlay-dark);display:block;opacity:var(--opacity-scrim-strong)}@media (min-width:768px){.ui-pack-guide__dialog{--guide-media:calc(var(--space-2xs)*16);--guide-gap:calc(var(--space-2xs)*11.25);padding:var(--space-lg)}}.ui-pack-guide__close{align-items:center;background:none;border:0;border-radius:var(--radius-pill);color:inherit;cursor:pointer;display:inline-flex;height:calc(var(--space-2xs)*10);inset-block-start:var(--space-2xs);inset-inline-end:var(--space-2xs);justify-content:center;padding:0;position:absolute;width:calc(var(--space-2xs)*10)}.ui-pack-guide__close svg{height:var(--space-lg);width:var(--space-lg)}.ui-pack-guide__level{border-bottom:1px solid var(--color-coffee-400);display:grid;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md)}.ui-pack-guide__benefits{display:grid;gap:var(--space-sm);justify-items:center;text-align:center}.ui-pack-guide__benefits[hidden]{display:none}.ui-pack-guide__level-title{font-family:var(--font-heading-minor);font-size:calc(var(--space-2xs)*4);font-weight:700;line-height:var(--leading-snug);margin:0 0 calc(var(--space-2xs)*3);padding-inline:var(--space-xl)}@media (min-width:768px){.ui-pack-guide__level-title{font-size:calc(var(--space-2xs)*5)}}.ui-pack-guide__rewards{align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--guide-gap);justify-content:center;list-style:none;margin:0;padding:0}.ui-pack-guide__reward{display:grid;flex:none;gap:var(--space-xs);justify-items:center;position:relative;text-align:center}.ui-pack-guide__reward[hidden]{display:none}.ui-pack-guide__reward--gift:before{color:var(--color-coffee-300);content:"+";font-size:calc(var(--space-2xs)*4.25);font-weight:700;line-height:1;position:absolute;right:calc(100% + var(--guide-gap)/2 + var(--space-2xs)*.5);text-align:center;top:calc(var(--guide-media)/2);transform:translate(50%,-50%);width:var(--guide-plus)}.ui-pack-guide__reward-label{font-size:calc(var(--space-2xs)*2.5);font-weight:600;line-height:var(--leading-snug);min-width:calc(100% + var(--guide-gap) - var(--space-2xs)*2);width:0}@media (min-width:768px){.ui-pack-guide__reward-label{font-size:calc(var(--space-2xs)*3)}}.ui-pack-guide__reward--discount .ui-pack-guide__reward-label{min-width:100%}.ui-pack-guide__percent{align-items:center;background:var(--guide-gold);background-clip:text;color:#0000;display:flex;filter:drop-shadow(0 0 calc(var(--space-2xs)*3) color-mix(in srgb,var(--guide-accent) 55%,transparent));font-size:calc(var(--space-2xs)*4.5);font-weight:700;height:var(--guide-media);line-height:1;white-space:nowrap}@media (min-width:768px){.ui-pack-guide__percent{font-size:calc(var(--space-2xs)*6)}}.ui-pack-guide__gift{display:grid;height:var(--guide-media);place-items:center;position:relative;width:var(--guide-media)}.ui-pack-guide__gift-image{height:100%;object-fit:contain;scale:1.2;width:100%}.ui-pack-guide__gift-icon{color:var(--guide-accent);height:60%;width:60%}.ui-pack-guide__gift-badge{background:linear-gradient(var(--color-coffee-500),var(--color-coffee-500)) padding-box,var(--guide-gold) border-box;border:calc(var(--space-2xs)*.5) solid #0000;border-radius:var(--radius-pill);box-sizing:border-box;color:var(--color-powder-300);display:grid;height:calc(var(--space-2xs)*6);place-items:center;position:absolute;right:calc(var(--space-2xs)*-2.5);top:calc(var(--space-2xs)*-2);width:calc(var(--space-2xs)*6)}.ui-pack-guide__gift-badge svg{height:60%;width:60%}@media (min-width:768px){.ui-pack-guide__gift-badge{height:calc(var(--space-2xs)*8);right:calc(var(--space-2xs)*-3.25);top:calc(var(--space-2xs)*-2.5);width:calc(var(--space-2xs)*8)}}.ui-pack-guide__gift-badge--inline{height:calc(var(--space-2xs)*5.75);position:static;width:calc(var(--space-2xs)*5.75)}@media (min-width:768px){.ui-pack-guide__gift-badge--inline{height:calc(var(--space-2xs)*7);width:calc(var(--space-2xs)*7)}}.ui-pack-guide__next{align-items:center;background:color-mix(in srgb,var(--color-base-white) 8%,#0000);border-radius:var(--radius-sm);display:flex;gap:var(--space-xs);justify-content:space-between;padding:calc(var(--space-2xs)*3)}@media (min-width:768px){.ui-pack-guide__next{padding:var(--space-sm) var(--space-md)}}.ui-pack-guide__benefits[hidden]+.ui-pack-guide__next{margin-top:calc(var(--space-2xs)*7.5)}.ui-pack-guide__next-body{display:contents}.ui-pack-guide__next-body[hidden]{display:none}.ui-pack-guide__next-body--max{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.ui-pack-guide__next-text{flex:0 1 auto;font-size:calc(var(--space-2xs)*3);line-height:var(--leading-snug);margin:0;min-width:0}@media (min-width:768px){.ui-pack-guide__next-text{font-size:var(--text-body-sm)}}.ui-pack-guide__next-body--max .ui-pack-guide__next-text{flex:none;font-weight:700}.ui-pack-guide__next-reward{align-items:center;display:flex;flex:none;gap:calc(var(--space-2xs)*1.5);margin:0}.ui-pack-guide__next-percent,.ui-pack-guide__saved-amount{background:var(--guide-gold);background-clip:text;color:#0000;font-size:calc(var(--space-2xs)*4.5);font-weight:700;line-height:1;white-space:nowrap}@media (min-width:768px){.ui-pack-guide__next-percent,.ui-pack-guide__saved-amount{font-size:calc(var(--space-2xs)*6)}}.ui-pack-guide__next-gift{align-items:center;display:inline-flex;gap:calc(var(--space-2xs)*1.5)}.ui-pack-guide__next-gift:before{color:var(--color-coffee-300);content:"+";font-size:calc(var(--space-2xs)*3.5);font-weight:700;line-height:1}.ui-pack-guide__next-gift[hidden]{display:none}.ui-pack-guide__saved{align-items:center;display:flex;flex-wrap:wrap;font-size:calc(var(--space-2xs)*3);font-weight:700;gap:var(--space-xs);line-height:var(--leading-snug);margin:0}@media (min-width:768px){.ui-pack-guide__saved{font-size:var(--text-body-sm)}}.ui-pack-guide__saved[hidden]{display:none}.ui-pack-guide__saved .ui-pack-guide__saved-amount{font-size:calc(var(--space-2xs)*3.5)}@media (min-width:768px){.ui-pack-guide__saved .ui-pack-guide__saved-amount{font-size:calc(var(--space-2xs)*4.5)}}.ui-pack-guide__more{background:var(--guide-button) 50% 0 /200% 100%;border:0;border-radius:var(--radius-sm);color:var(--guide-button-text);cursor:pointer;flex:none;font:inherit;font-size:calc(var(--space-2xs)*3);font-weight:700;letter-spacing:.04em;line-height:var(--leading-snug);padding:var(--space-xs) calc(var(--space-2xs)*2.5);text-transform:uppercase;transition:background-position .5s ease-in-out;white-space:nowrap}.ui-pack-guide__more:focus-visible,.ui-pack-guide__more:hover{background-position:100% 0}@media (min-width:768px){.ui-pack-guide__more{font-size:var(--text-body-sm);padding:calc(var(--space-2xs)*2.5) var(--space-md)}}@media (prefers-reduced-motion:reduce){.ui-pack-guide__more{transition:none}}.ui-pack-guide__heading,.ui-pack-guide__title{font-family:var(--font-heading-minor);font-size:var(--text-body-lg);font-weight:700;line-height:var(--leading-snug);margin:var(--space-md) 0 var(--space-2xs)}.ui-pack-guide__title{margin-top:0;padding-inline-end:var(--space-xl)}.ui-pack-guide__text{font-size:var(--text-body-md);line-height:var(--leading-normal);margin:0}.ui-pack-guide__text a{color:var(--color-gold-500);font-weight:700;text-decoration:underline;text-underline-offset:.15em}.ui-pack-guide__steps{display:grid;gap:var(--space-xs);list-style:none;margin:var(--space-sm) 0 0;padding:0}.ui-pack-guide__step{align-items:start;display:grid;gap:var(--space-sm);grid-template-columns:auto 1fr}.ui-pack-guide__icon{align-items:center;background:var(--color-base-white);border-radius:var(--radius-pill);color:var(--color-coffee-500);display:inline-flex;font-size:var(--text-body-sm);font-weight:700;height:calc(var(--space-2xs)*7);justify-content:center;line-height:1;width:calc(var(--space-2xs)*7)}.ui-pack-guide__icon svg{height:calc(var(--space-2xs)*4.5);width:calc(var(--space-2xs)*4.5)}.ui-pack-guide__step-title{font-size:var(--text-body-md);font-weight:700;line-height:var(--leading-normal);margin:0}:where(body:has(.ui-pack-progress--banner)) .ui-pack-guide__level{--guide-gold:linear-gradient(var(--color-green-300),var(--color-green-300));--guide-accent:var(--color-green-300);--guide-button:linear-gradient(90deg,var(--color-green-700) 0%,var(--color-green-500) 50%,var(--color-green-700) 100%);--guide-button-text:var(--color-powder-300)}.ui-pack-mix__group{display:grid;gap:var(--space-xs);margin-top:var(--space-sm)}.ui-pack-mix__group[hidden]{display:none}.ui-pack-mix__heading{color:var(--color-coffee-300);font-size:calc(var(--space-2xs)*3);font-weight:700;letter-spacing:.04em;line-height:var(--leading-snug);margin:0;text-transform:uppercase}.ui-pack-mix__lines{display:grid;gap:var(--space-xs);list-style:none;margin:0;padding:0}.ui-pack-mix__line{align-items:center;background:color-mix(in srgb,var(--color-base-white) 8%,#0000);border-radius:var(--radius-sm);display:grid;gap:var(--space-sm);grid-template-columns:calc(var(--space-2xs)*14) minmax(0,1fr) auto;padding:var(--space-xs)}.ui-pack-mix__image{background:var(--color-powder-300);border-radius:var(--radius-sm);height:calc(var(--space-2xs)*14);object-fit:contain;width:calc(var(--space-2xs)*14)}.ui-pack-mix__name{display:grid;font-size:var(--text-body-sm);font-weight:700;gap:var(--space-2xs);line-height:var(--leading-snug)}.ui-pack-mix__meta{color:var(--color-coffee-300);font-size:calc(var(--space-2xs)*3);font-weight:400}.ui-pack-mix__quantity{font-size:var(--text-body-sm);font-weight:700;white-space:nowrap}.ui-pack-mix__hint{color:var(--color-coffee-300);font-size:calc(var(--space-2xs)*3);line-height:var(--leading-normal);margin:var(--space-xs) 0 0}.ui-pack-mix__actions{display:grid;gap:var(--space-xs);margin-top:var(--space-md)}.ui-pack-mix__primary,.ui-pack-mix__secondary{font-size:var(--text-body-sm);padding:calc(var(--space-2xs)*3) var(--space-sm);white-space:normal;width:100%}@media (min-width:768px){.ui-pack-mix__primary,.ui-pack-mix__secondary{font-size:var(--text-body-md);padding:calc(var(--space-2xs)*3.5) var(--space-md)}}.ui-pack-mix__secondary{background:none;border:1px solid var(--color-gold-500);border-radius:var(--radius-sm);color:var(--color-powder-300);cursor:pointer;font-family:inherit;font-weight:700;letter-spacing:.04em;line-height:var(--leading-snug);text-transform:uppercase}.ui-pack-mix__secondary:focus-visible,.ui-pack-mix__secondary:hover{background:color-mix(in srgb,var(--color-base-white) 8%,#0000)}}