.wordmark{font-family:var(--font-headline);letter-spacing:-.01em;font-variation-settings:"SOFT" 50, "WONK" 1;font-weight:700}.bag{background-color:var(--bag-kraft);background-image:linear-gradient(90deg, color-mix(in oklch, var(--bag-kraft-edge) 55%, transparent) 0%, transparent 7%, transparent 93%, color-mix(in oklch, var(--bag-kraft-edge) 55%, transparent) 100%), repeating-linear-gradient(172deg, color-mix(in oklch, var(--bag-kraft-edge) 9%, transparent) 0 2px, transparent 2px 7px);color:var(--bag-kraft-foreground);border-radius:calc(var(--radius) * .5) calc(var(--radius) * .5) calc(var(--radius) * 1.25) calc(var(--radius) * 1.25);box-shadow:0 1px 0 color-mix(in oklch, var(--foreground) 8%, transparent), 0 18px 30px -18px color-mix(in oklch, var(--foreground) 45%, transparent);position:relative}.bag-crimp{border-radius:calc(var(--radius) * .5) calc(var(--radius) * .5) 0 0;background-image:repeating-linear-gradient(90deg, color-mix(in oklch, var(--bag-kraft-edge) 70%, transparent) 0 1px, transparent 1px 5px);border-bottom:1px solid color-mix(in oklch, var(--bag-kraft-edge) 60%, transparent);height:26px}.bag-tie{background:color-mix(in oklch, var(--background) 70%, var(--bag-kraft-edge));height:7px;box-shadow:inset 0 -1px 0 color-mix(in oklch, var(--foreground) 25%, transparent);border-radius:999px;margin:10px 14% 0}.bag-valve{background:color-mix(in oklch, var(--bag-kraft) 80%, var(--background));width:22px;height:22px;box-shadow:inset 0 0 0 3px color-mix(in oklch, var(--bag-kraft-edge) 50%, transparent), inset 0 0 0 6px color-mix(in oklch, var(--bag-kraft) 80%, var(--background));border-radius:999px}.bag-label{background:var(--bag-label);color:var(--bag-label-foreground);border-radius:calc(var(--radius) * .35);box-shadow:0 1px 2px color-mix(in oklch, var(--foreground) 18%, transparent)}.bag-label-muted{color:var(--bag-label-muted)}.bag-rule{border-color:color-mix(in oklch, var(--bag-label-foreground) 85%, transparent)}.roast-scale{background:linear-gradient(90deg, var(--roast-green) 0%, var(--roast-light) 28%, var(--roast-medium) 64%, var(--roast-dark) 100%)}.date-code{font-family:var(--font-accent);letter-spacing:.08em;font-variant-numeric:tabular-nums}.tabular{font-variant-numeric:tabular-nums}.fortnight-day{border-color:var(--border)}.kraft-band{background-color:var(--bag-kraft);background-image:repeating-linear-gradient(172deg, color-mix(in oklch, var(--bag-kraft-edge) 9%, transparent) 0 2px, transparent 2px 7px);color:var(--bag-kraft-foreground)}@media (prefers-reduced-motion:no-preference){.date-print{animation:.7s steps(10,end) both date-print}@keyframes date-print{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.bag-set{animation:.42s cubic-bezier(.2,.7,.2,1) both bag-set}@keyframes bag-set{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.roast-marker{transition:transform .32s cubic-bezier(.2,.7,.2,1)}}