@layer reset, tokens, legacy, primitives, archetypes, utilities, overrides;@layer legacy{}@layer primitives{:where(body:has(.ui-pack-dock)){--pack-dock-space:calc(var(--space-2xs)*30);padding-bottom:var(--pack-dock-space)}@media (min-width:1024px){:where(body:has(.ui-pack-dock)){--pack-dock-space:calc(var(--space-2xs)*23)}}.ui-pack-dock{--pack-dock-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%);--color-text:var(--color-powder-300);background:var(--color-coffee-500);border-top:calc(var(--space-2xs)*.75) solid var(--color-gold-600);bottom:0;box-shadow:0 calc(var(--space-2xs)*-1.5) calc(var(--space-2xs)*5) color-mix(in srgb,var(--color-overlay-dark) 25%,#0000);color:var(--color-powder-300);font-family:var(--font-heading-minor);left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:var(--z-sticky)}.ui-pack-dock__empty,.ui-pack-dock__level-main,.ui-pack-dock__level-next,.ui-pack-dock__stat{margin:0}.ui-pack-dock__hit{border-radius:calc(var(--space-2xs)*2.5);cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}@media (hover:hover) and (pointer:fine){.ui-pack-dock__hit:hover{background:color-mix(in srgb,var(--color-base-white) 7%,#0000);box-shadow:0 0 0 calc(var(--space-2xs)*1.5) color-mix(in srgb,var(--color-base-white) 7%,#0000)}}.ui-pack-dock__hit:focus-visible{outline:calc(var(--space-2xs)*.75) solid var(--color-gold-550);outline-offset:calc(var(--space-2xs)*1.5)}@media (hover:hover) and (pointer:fine){.ui-pack-dock__level .ui-pack-dock__hit:hover{background:none;box-shadow:none;filter:brightness(1.14)}}.ui-pack-dock [hidden]{display:none}.ui-pack-dock__inner{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xs) calc(var(--space-2xs)*2.5);justify-content:center;padding:calc(var(--space-2xs)*2.5) var(--space-xs) calc(var(--space-2xs)*1.75)}@media (min-width:1024px){.ui-pack-dock__inner{flex-wrap:nowrap;gap:calc(var(--space-2xs)*12.5);margin:0 auto;max-width:calc(var(--space-2xs)*320);min-height:calc(var(--space-2xs)*21.75);padding:calc(var(--space-2xs)*3.45) calc(var(--space-2xs)*7)}}.ui-pack-dock__main{display:contents}@media (min-width:1024px){.ui-pack-dock__main{align-items:center;display:flex;flex:none;gap:calc(var(--space-2xs)*12.5)}}.ui-pack-dock__progress{--dock-step:calc(var(--space-2xs)*11);--dock-dot:calc(var(--space-2xs)*6);--dock-line:calc(var(--space-2xs)*0.75);--dock-gold:var(--pack-dock-gold);margin-top:var(--space-xs);order:2;position:relative;width:calc(var(--dock-step) + (100% - var(--dock-step))*.9)}@media (min-width:1024px){.ui-pack-dock__progress{zoom:1.15;flex:0 0 calc(var(--space-2xs)*86.5);margin:0 calc(var(--space-2xs)*-3.9) 0 0;order:0;width:auto}}.ui-pack-dock__fill,.ui-pack-dock__track{height:var(--dock-line);left:calc(var(--dock-step)/2);position:absolute;top:calc(var(--dock-dot)/2 - var(--dock-line)/2)}.ui-pack-dock__track{background:var(--color-coffee-400);right:calc(var(--dock-step)/2)}.ui-pack-dock__fill{background:var(--dock-gold);border-radius:var(--radius-sm);transition:width .4s ease;width:calc((100% - var(--dock-step))*var(--dock-fill, 0))}.ui-pack-dock__steps{display:flex;justify-content:space-between;list-style:none;margin:0;padding:0;position:relative}.ui-pack-dock__step{align-items:center;display:flex;flex-direction:column;width:var(--dock-step)}.ui-pack-dock__dot{align-items:center;background:var(--color-coffee-500);border:calc(var(--space-2xs)*.5) solid var(--color-coffee-300);border-radius:50%;color:var(--color-powder-500);display:flex;height:var(--dock-dot);justify-content:center;position:relative;transition:background .3s;width:var(--dock-dot)}.ui-pack-dock__dot--on{background:var(--color-gold-550);border-color:var(--color-gold-550);color:var(--color-coffee-800)}.ui-pack-dock__icon{height:calc(var(--space-2xs)*3.5);width:calc(var(--space-2xs)*3.5)}.ui-pack-dock__check{display:none;height:var(--space-sm);width:var(--space-sm)}.ui-pack-dock__dot--on .ui-pack-dock__check{display:block}.ui-pack-dock__badge{align-items:center;background:var(--color-powder-300);border:calc(var(--space-2xs)*.5) solid var(--color-coffee-500);border-radius:50%;box-sizing:initial;color:var(--color-coffee-800);display:none;height:calc(var(--space-2xs)*3.5);justify-content:center;position:absolute;right:calc(var(--space-2xs)*-2.75);top:calc(var(--space-2xs)*-2.75);width:calc(var(--space-2xs)*3.5)}.ui-pack-dock__badge svg{height:var(--space-xs);width:var(--space-xs)}.ui-pack-dock__dot--on .ui-pack-dock__badge{display:flex}.ui-pack-dock__dot--pop{animation:ui-pack-dock-pop 1.1s cubic-bezier(.2,.7,.3,1) .7s both}.ui-pack-dock__percent{color:var(--color-powder-350);font-size:calc(var(--space-2xs)*3);font-weight:600;margin-top:calc(var(--space-2xs)*.75);white-space:nowrap}.ui-pack-dock__summary{flex:none;min-width:0}@media (min-width:1024px){.ui-pack-dock__summary{zoom:1.15}}.ui-pack-dock--bump .ui-pack-dock__summary{animation:ui-pack-dock-bump .45s ease}.ui-pack-dock__empty{color:var(--color-base-white);font-size:calc(var(--space-2xs)*4.25);font-weight:700;line-height:1.25;text-align:center}@media (min-width:1024px){.ui-pack-dock__empty{font-size:calc(var(--space-2xs)*4.8)}}.ui-pack-dock__stats{align-items:center;display:flex;gap:calc(var(--space-2xs)*2.05)}@media (min-width:1024px){.ui-pack-dock__stats{gap:calc(var(--space-2xs)*3.5)}}.ui-pack-dock__stat{align-items:center;display:flex;flex-direction:column;text-align:center}.ui-pack-dock__divider{align-self:stretch;background:color-mix(in srgb,var(--color-base-white) 22%,#0000);flex:none;width:calc(var(--space-2xs)*.25)}.ui-pack-dock__value{color:var(--color-powder-300);font-size:calc(var(--space-2xs)*3.925);font-weight:700;line-height:1.05;white-space:nowrap}@media (min-width:1024px){.ui-pack-dock__value{font-size:calc(var(--space-2xs)*4.5)}}.ui-pack-dock__gift-count,.ui-pack-dock__value--gold{background:var(--pack-dock-gold);background-clip:text;color:#0000}.ui-pack-dock__label{color:var(--color-coffee-300);font-size:calc(var(--space-2xs)*3.2);font-weight:600;line-height:1.2;margin-top:calc(var(--space-2xs)*.9)}@media (min-width:1024px){.ui-pack-dock__label{font-size:calc(var(--space-2xs)*3);margin-top:calc(var(--space-2xs)*.75)}}.ui-pack-dock__gifts{align-items:center;display:flex;gap:calc(var(--space-2xs)*1.2);line-height:1.2;margin-top:calc(var(--space-2xs)*.9)}@media (min-width:1024px){.ui-pack-dock__gifts{gap:var(--space-2xs);margin-top:calc(var(--space-2xs)*.75)}}.ui-pack-dock__gift{flex:none;height:calc(var(--space-2xs)*3.75);width:calc(var(--space-2xs)*3.75);fill:var(--color-gold-550)}.ui-pack-dock__gift-count{font-size:calc(var(--space-2xs)*3.825);font-weight:700}@media (min-width:1024px){.ui-pack-dock__gift-count{font-size:calc(var(--space-2xs)*3.5)}}.ui-pack-dock__shine{animation:ui-pack-dock-shine 5s ease-in-out 1s infinite;background-clip:text;background-image:linear-gradient(105deg,var(--color-base-white) 0,var(--color-base-white) 42%,var(--color-gold-550) 46%,var(--color-gold-300) 50%,var(--color-gold-550) 54%,var(--color-base-white) 58%,var(--color-base-white) 100%);background-position:100% 0;background-repeat:no-repeat;background-size:250% 100%;color:#0000;display:inline-block}.ui-pack-dock__cta{align-items:center;align-self:stretch;animation:ui-pack-dock-cta .28s ease-out both;background:var(--pack-dock-gold);border:0;border-radius:var(--radius-sm);color:var(--color-coffee-800);cursor:pointer;display:flex;flex:0 1 calc(var(--space-2xs)*37.5);font-family:inherit;font-size:calc(var(--space-2xs)*3.075);font-weight:700;justify-content:center;letter-spacing:.01em;line-height:1.2;margin-left:auto;min-width:0;padding:0 calc(var(--space-2xs)*2.5);text-transform:uppercase;white-space:nowrap}.ui-pack-dock__cta:hover{filter:brightness(1.06)}@media (min-width:1024px){.ui-pack-dock__cta{align-self:center;flex:none;font-size:calc(var(--space-2xs)*3.75);height:calc(var(--space-2xs)*9.675);letter-spacing:.08em;margin-left:0;padding:0 calc(var(--space-2xs)*15)}}.ui-pack-dock__level-slot{--level-scale:1;bottom:100%;left:var(--space-xs);margin-bottom:calc(var(--space-2xs)*2.5);pointer-events:none;position:absolute;right:var(--space-xs)}@media (min-width:1024px){.ui-pack-dock__level-slot{--level-scale:1.3;left:calc(50% - var(--space-2xs)*91);margin-bottom:calc(var(--space-2xs)*3);right:auto;width:calc(var(--space-2xs)*139.75)}}.ui-pack-dock__level{animation:ui-pack-dock-level-in .75s cubic-bezier(.25,.6,.3,1) both;background:color-mix(in srgb,var(--color-coffee-900) 97%,#0000);border:1px solid color-mix(in srgb,var(--color-gold-550) 50%,#0000);border-left:calc(var(--space-2xs)*1) solid var(--color-gold-550);border-radius:calc(var(--space-2xs)*3);box-shadow:0 calc(var(--space-2xs)*3.5) calc(var(--space-2xs)*8.5) color-mix(in srgb,var(--color-overlay-dark) 50%,#0000);color:var(--color-powder-300);overflow:hidden;padding:calc(var(--space-2xs)*2*var(--level-scale)) calc(var(--space-2xs)*2.5*var(--level-scale)) calc(var(--space-2xs)*2*var(--level-scale)) calc(var(--space-2xs)*2.75*var(--level-scale));pointer-events:auto;position:relative}.ui-pack-dock__level--out{animation:ui-pack-dock-level-out .45s cubic-bezier(.4,0,.7,.2) forwards}.ui-pack-dock__level-row{align-items:center;display:flex;gap:calc(var(--space-2xs)*1*var(--level-scale));justify-content:space-between}.ui-pack-dock__level-main{align-items:center;display:flex;gap:calc(var(--space-2xs)*1.5*var(--level-scale));min-width:0}.ui-pack-dock__level-title{color:var(--color-gold-550);flex:none;font-size:calc(var(--space-2xs)*2.25*var(--level-scale));font-weight:700;letter-spacing:.1em;line-height:1.3;text-transform:uppercase;width:calc(var(--space-2xs)*14.5*var(--level-scale))}.ui-pack-dock__level-percent{background:var(--pack-dock-gold);background-clip:text;color:#0000;flex:none;font-size:calc(var(--space-2xs)*6.75*var(--level-scale));font-weight:700;line-height:1.05;white-space:nowrap}.ui-pack-dock__level-gift{align-items:center;display:flex;gap:calc(var(--space-2xs)*1.5*var(--level-scale));min-width:0}.ui-pack-dock__level-plus{color:var(--color-coffee-300);flex:none;font-size:calc(var(--space-2xs)*3.75*var(--level-scale));font-weight:700;line-height:1}.ui-pack-dock__level-ring{background:linear-gradient(135deg,var(--color-gold-700) 0,var(--color-gold-600) 45%,var(--color-gold-500) 60%,var(--color-gold-700) 100%);border-radius:50%;box-sizing:border-box;display:block;flex:none;height:calc(var(--space-2xs)*9.5*var(--level-scale));padding:calc(var(--space-2xs)*.5);position:relative;width:calc(var(--space-2xs)*9.5*var(--level-scale))}.ui-pack-dock__level-icon,.ui-pack-dock__level-image{background:var(--color-base-white);border-radius:50%;box-sizing:border-box;display:block;height:100%;object-fit:cover;width:100%}.ui-pack-dock__level-icon{padding:20%;fill:var(--color-gold-700)}.ui-pack-dock__level-badge{align-items:center;background:var(--pack-dock-gold);border-radius:50%;box-shadow:0 0 0 calc(var(--space-2xs)*.5) var(--color-coffee-900);display:flex;height:calc(var(--space-2xs)*3.75*var(--level-scale));justify-content:center;position:absolute;right:calc(var(--space-2xs)*-.5);top:calc(var(--space-2xs)*-.5);width:calc(var(--space-2xs)*3.75*var(--level-scale))}.ui-pack-dock__level-badge svg{height:80%;width:80%;fill:var(--color-coffee-800)}.ui-pack-dock__level-name{display:flex;flex-direction:column;font-weight:700;line-height:1.2;min-width:0}.ui-pack-dock__level-all,.ui-pack-dock__level-name{font-size:calc(var(--space-2xs)*3*var(--level-scale))}.ui-pack-dock__level-all{color:var(--color-powder-500);font-weight:600;line-height:1.3}.ui-pack-dock__level-close{align-items:center;background:none;border:0;border-radius:calc(var(--space-2xs)*3);color:var(--color-coffee-300);cursor:pointer;display:inline-flex;flex:none;height:calc(var(--space-2xs)*11);justify-content:center;margin:calc(var(--space-2xs)*-1.5) calc(var(--space-2xs)*-2) calc(var(--space-2xs)*-1.5) calc(var(--space-2xs)*-1);padding:0;width:calc(var(--space-2xs)*11)}.ui-pack-dock__level-close svg{height:calc(var(--space-2xs)*4*var(--level-scale));width:calc(var(--space-2xs)*4*var(--level-scale))}.ui-pack-dock__level-close:hover,.ui-pack-dock__level-rule{background:color-mix(in srgb,var(--color-base-white) 14%,#0000)}.ui-pack-dock__level-rule{display:block;height:calc(var(--space-2xs)*.25);margin:calc(var(--space-2xs)*1.75*var(--level-scale)) 0 calc(var(--space-2xs)*1.5*var(--level-scale))}.ui-pack-dock__level-next{align-items:center;color:var(--color-gold-550);display:flex;font-size:calc(var(--space-2xs)*2.875*var(--level-scale));font-weight:600;gap:calc(var(--space-2xs)*2*var(--level-scale));line-height:1.25}.ui-pack-dock__level-next-image{background:var(--color-base-white);border-radius:50%;box-shadow:0 0 0 calc(var(--space-2xs)*.375) var(--color-gold-550);flex:none;height:calc(var(--space-2xs)*6*var(--level-scale));object-fit:cover;width:calc(var(--space-2xs)*6*var(--level-scale))}.ui-pack-dock__level-chip{background:var(--pack-dock-gold);color:var(--color-coffee-800);flex:none;font-weight:700;letter-spacing:.03em;line-height:1;padding:calc(var(--space-2xs)*.75*var(--level-scale)) calc(var(--space-2xs)*1.75*var(--level-scale))}.ui-pack-dock__level-check{flex:none;height:calc(var(--space-2xs)*3.75*var(--level-scale));width:calc(var(--space-2xs)*3.75*var(--level-scale))}.ui-pack-dock__level-timer{animation:ui-pack-dock-level-timer 6.5s linear forwards;background:var(--pack-dock-gold);bottom:0;height:calc(var(--space-2xs)*.5);left:0;position:absolute;width:0}.ui-pack-dock__level--out .ui-pack-dock__level-timer{animation:none}.ui-pack-dock__fly{height:calc(var(--space-2xs)*11);pointer-events:none;position:fixed;width:calc(var(--space-2xs)*11);z-index:var(--z-popup)}.ui-pack-dock__fly img{border:calc(var(--space-2xs)*.5) solid var(--color-gold-550);border-radius:50%;box-shadow:0 calc(var(--space-2xs)*1.5) calc(var(--space-2xs)*4.5) color-mix(in srgb,var(--color-overlay-dark) 35%,#0000);display:block;height:100%;object-fit:cover;width:100%}@keyframes ui-pack-dock-bump{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes ui-pack-dock-pop{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--color-gold-550) 85%,#0000);transform:scale(1)}30%{box-shadow:0 0 0 calc(var(--space-2xs)*.75) color-mix(in srgb,var(--color-gold-300) 90%,#0000),0 0 calc(var(--space-2xs)*5.5) calc(var(--space-2xs)*2) color-mix(in srgb,var(--color-gold-550) 70%,#0000);transform:scale(1.5)}60%{box-shadow:0 0 0 var(--space-xs) color-mix(in srgb,var(--color-gold-550) 35%,#0000);transform:scale(.94)}to{box-shadow:0 0 0 calc(var(--space-2xs)*3.5) color-mix(in srgb,var(--color-gold-550) 0,#0000);transform:scale(1)}}@keyframes ui-pack-dock-shine{0%{background-position:100% 0}38%,to{background-position:0 0}}@keyframes ui-pack-dock-cta{0%{opacity:0;transform:translateY(calc(var(--space-2xs)*2.5)) scale(.96)}to{opacity:1;transform:none}}@keyframes ui-pack-dock-level-in{0%{opacity:0;transform:translateY(calc(var(--space-2xs)*6))}to{opacity:1;transform:none}}@keyframes ui-pack-dock-level-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(var(--space-2xs)*4.5))}}@keyframes ui-pack-dock-level-timer{0%{width:100%}to{width:0}}@media (prefers-reduced-motion:reduce){.ui-pack-dock--bump .ui-pack-dock__summary,.ui-pack-dock__cta,.ui-pack-dock__dot--pop,.ui-pack-dock__level,.ui-pack-dock__level-timer{animation:none}.ui-pack-dock__shine{animation:none;background-image:none;color:var(--color-base-white)}.ui-pack-dock__fill{transition:none}}@media (min-width:768px){.ui-pack-dock .ui-pack-guide__next{align-items:center;flex-direction:row;justify-content:space-between}.ui-pack-dock .ui-pack-guide__next .ui-pack-guide__next-reward,.ui-pack-dock .ui-pack-guide__next .ui-pack-guide__next-text{flex:0 1 auto;min-width:0}}.ui-pack-dock__main:has(>.ui-pack-dock__open:focus-visible){border-radius:calc(var(--space-2xs)*2.5)}@media (min-width:1024px){.ui-pack-dock__main:has(>.ui-pack-dock__open:focus-visible){outline:calc(var(--space-2xs)*.75) solid var(--color-gold-550);outline-offset:calc(var(--space-2xs)*1.5)}}.ui-pack-dock__main:has(>.ui-pack-dock__open:focus-visible) .ui-pack-dock__summary{border-radius:calc(var(--space-2xs)*2.5);outline:calc(var(--space-2xs)*.75) solid var(--color-gold-550);outline-offset:calc(var(--space-2xs)*1.5)}@media (min-width:1024px){.ui-pack-dock__main:has(>.ui-pack-dock__open:focus-visible) .ui-pack-dock__summary{outline:none}}.ui-pack-dock__sr{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.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);margin:auto;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:stretch;background:color-mix(in srgb,var(--color-base-white) 8%,#0000);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-xs);padding:calc(var(--space-2xs)*3)}@media (min-width:768px){.ui-pack-guide__next{padding:var(--space-sm) var(--space-md)}}.ui-pack-guide .ui-pack-guide__next:has(.ui-pack-guide__next-body--max:not([hidden])){align-items:center;flex-direction:row;justify-content:space-between}.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;flex-wrap:wrap;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-sm) 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:var(--space-sm) 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{color:var(--color-heading);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__gifts{display:grid;gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(calc(var(--space-2xs)*22),1fr));list-style:none;margin:var(--space-sm) 0 0;padding:0}.ui-pack-guide__gift-item{align-content:start;display:grid;gap:var(--space-2xs);justify-items:center;text-align:center}.ui-pack-guide__gift-thumb{background:var(--color-powder-300);border:calc(var(--space-2xs)*.5) solid var(--guide-accent,var(--color-gold-550));border-radius:var(--radius-pill);display:block;height:calc(var(--space-2xs)*14);margin-bottom:var(--space-2xs);position:relative;width:calc(var(--space-2xs)*14)}.ui-pack-guide__gift-thumb--sm{flex:none;height:calc(var(--space-2xs)*10);margin-bottom:0;width:calc(var(--space-2xs)*10)}.ui-pack-guide__next-gift-item{align-items:center;display:inline-flex;gap:var(--space-xs);min-width:0}.ui-pack-guide__next-gift-item[hidden]{display:none}.ui-pack-guide__next-gift-text{display:grid;gap:calc(var(--space-2xs)*.5);min-width:0;text-align:start}.ui-pack-guide__gift-thumb-image{border-radius:var(--radius-pill);height:100%;object-fit:cover;width:100%}.ui-pack-guide__gift-item--locked .ui-pack-guide__gift-thumb{border-color:var(--color-coffee-300);filter:grayscale(1);opacity:.45}.ui-pack-guide__gift-item--next .ui-pack-guide__gift-thumb{box-shadow:0 0 0 calc(var(--space-2xs)*.75) color-mix(in srgb,var(--guide-accent,var(--color-gold-550)) 35%,#0000)}.ui-pack-guide__gift-thumb-icon{color:var(--color-coffee-500);height:50%;inset:25%;position:absolute;width:50%}.ui-pack-guide__gift-tag{background:var(--guide-gold);border-radius:var(--radius-pill);bottom:calc(var(--space-2xs)*-2.25);color:var(--color-coffee-500);font-size:calc(var(--space-2xs)*2.5);font-weight:700;left:50%;letter-spacing:var(--tracking-eyebrow);line-height:var(--leading-snug);padding:0 var(--space-xs);position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.ui-pack-guide__gift-tag[hidden]{display:none}.ui-pack-guide__gift-name{font-weight:600}.ui-pack-guide__gift-free,.ui-pack-guide__gift-name{font-size:var(--text-body-sm);line-height:var(--leading-snug)}.ui-pack-guide__gift-free{color:var(--color-coral-300);font-weight:700}.ui-pack-guide__gift-from{color:var(--color-coffee-300);font-size:calc(var(--space-2xs)*2.75);line-height:var(--leading-snug)}.ui-pack-guide__gift-from [hidden]{display:none}.ui-pack-guide__gift-item--got .ui-pack-guide__gift-from{color:var(--guide-accent,var(--color-gold-550));font-weight:500}.ui-pack-guide__note{color:var(--color-coffee-300);font-size:var(--text-body-sm);line-height:var(--leading-normal);margin:var(--space-sm) 0 0}.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__gifts,: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)}}