.drawer{position:fixed;width:100%;height:100%;right:0;top:0;z-index:100;visibility:hidden;pointer-events:none;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.drawer.is-open{visibility:visible;pointer-events:all}.drawer .drawer__close{width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;position:absolute;right:.9rem;top:.9rem;z-index:1;background:transparent;border:none}.drawer .drawer__close:focus-visible{border-radius:.4rem;outline:solid 2px var(--c-base);outline-offset:2px}@media (max-width:767px){.drawer .drawer__close{top:3rem;right:1.1rem}}.drawer .drawer__background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.35);backdrop-filter:blur(4px);opacity:0;visibility:hidden;cursor:pointer;transition:all .3s}.drawer.is-open .drawer__background{opacity:1;visibility:visible}.drawer .drawer__content{position:absolute;top:0;right:0;width:100%;max-width:61.2rem;height:100%;background-color:var(--c-beige);padding:4.6rem 3.4rem;overflow:auto;transform:translateX(100%);transition:transform .3s ease-in-out}@media (max-width:767px){.drawer .drawer__content{padding:3.2rem 1.1rem}}.drawer.is-open .drawer__content{transform:none}.drawer .drawer__head{border-bottom:solid 2px var(--c-white);padding-bottom:1rem;margin-bottom:3.9rem}@media (max-width:767px){.drawer .drawer__head{margin-bottom:2rem}}@media (max-width:767px){.drawer .drawer__head h3{font-size:3rem}}.drawer .drawer__entry h4{margin-bottom:.9rem}@media (max-width:767px){.drawer .drawer__entry h4{font-size:1.7rem;margin-bottom:.7rem}}.drawer .drawer__entry{font-size:1.5rem;letter-spacing:.01em;max-width:46.7rem;margin-bottom:4rem}@media (max-width:767px){.drawer .drawer__entry{font-size:1.4rem;margin-bottom:2.4rem}}.drawer .drawer__cards{display:flex;flex-direction:column;gap:2.1rem}@media (max-width:1023px){.drawer .drawer__cards{gap:1.6rem}}@media (max-width:767px){.drawer .drawer__cards{gap:1.1rem}}.drawer--nutrient .drawer__body p+h4{margin-top:2.4rem}.drawer--nutrient .drawer__body h4{margin-bottom:.9rem}.drawer--nutrient .drawer__body p a:focus-visible{border-radius:.4rem;outline:solid 2px var(--c-base)}.pills{display:flex;align-items:center;justify-content:flex-start;gap:.9rem 1rem;flex-flow:row wrap}.pills--centered{justify-content:center}.pill{color:var(--c-base);box-shadow:inset 0 0 0 1px currentColor;border-radius:999rem;font-size:1.4rem;font-weight:400;line-height:1;padding:.5rem 1rem;text-decoration:none}@media (max-width:767px){.pill{font-size:1.3rem;padding:.5rem .8rem}}.pill:hover{background-color:var(--c-base);color:#fff;box-shadow:0}