.deep-purple{color:#512da8}.bg-deep-purple{background-color:#512da8}.b--deep-purple{border-color:#512da8}.washed-purple{color:#ede7f6}.bg-washed-purple{background-color:#ede7f6}.teal{color:#009688}.bg-teal{background-color:#009688}.b--teal{border-color:#009688}.hover-teal:hover{color:#009688}.hover-bg-teal:hover{background-color:#009688}.washed-teal{color:#e0f2f1}.bg-washed-teal{background-color:#e0f2f1}.coral{color:#ff6f61}.bg-coral{background-color:#ff6f61}.b--coral{border-color:#ff6f61}.hover-coral:hover{color:#ff6f61}.hover-bg-coral:hover{background-color:#ff6f61}.washed-coral{color:#ffeae8}.bg-washed-coral{background-color:#ffeae8}.indigo{color:#3f51b5}.bg-indigo{background-color:#3f51b5}.b--indigo{border-color:#3f51b5}.hover-indigo:hover{color:#3f51b5}.hover-bg-indigo:hover{background-color:#3f51b5}.washed-indigo{color:#e8eaf6}.bg-washed-indigo{background-color:#e8eaf6}.amber{color:#ffb300}.bg-amber{background-color:#ffb300}.b--amber{border-color:#ffb300}.hover-amber:hover{color:#ffb300}.hover-bg-amber:hover{background-color:#ffb300}.washed-amber{color:#fff8e1}.bg-washed-amber{background-color:#fff8e1}.lime{color:#c0ca33}.bg-lime{background-color:#c0ca33}.b--lime{border-color:#c0ca33}.hover-lime:hover{color:#c0ca33}.hover-bg-lime:hover{background-color:#c0ca33}.washed-lime{color:#f9fbe7}.bg-washed-lime{background-color:#f9fbe7}.cyan{color:#00bcd4}.bg-cyan{background-color:#00bcd4}.b--cyan{border-color:#00bcd4}.hover-cyan:hover{color:#00bcd4}.hover-bg-cyan:hover{background-color:#00bcd4}.washed-cyan{color:#e0f7fa}.bg-washed-cyan{background-color:#e0f7fa}.rose{color:#e91e63}.bg-rose{background-color:#e91e63}.b--rose{border-color:#e91e63}.hover-rose:hover{color:#e91e63}.hover-bg-rose:hover{background-color:#e91e63}.washed-rose{color:#fce4ec}.bg-washed-rose{background-color:#fce4ec}.slate{color:#607d8b}.bg-slate{background-color:#607d8b}.b--slate{border-color:#607d8b}.hover-slate:hover{color:#607d8b}.hover-bg-slate:hover{background-color:#607d8b}.washed-slate{color:#eceff1}.bg-washed-slate{background-color:#eceff1}@font-face{font-family:Neue Haas Unica;src:url(/fonts/neuehaasunicaw1g-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Neue Haas Unica;src:url(/fonts/neuehaasunicaw1g-medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Neue Haas Unica;src:url(/fonts/neuehaasunicaw1g-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Galapagos A Grid;src:url(/fonts/GalapagosAGrid-Bold.woff2) format("woff2"),url(/fonts/GalapagosAGrid-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Galapagos AB Grid;src:url(/fonts/GalapagosABGrid-Bold.woff2) format("woff2"),url(/fonts/GalapagosABGrid-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Galapagos ABC Grid;src:url(/fonts/GalapagosABCGrid-Bold.woff2) format("woff2"),url(/fonts/GalapagosABCGrid-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Comic Sans MS;src:url(/fonts/ComicSansMS.woff2) format("woff2"),url(/fonts/ComicSansMS.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Comic Sans MS;src:url(/fonts/ComicSansMS-Bold.woff2) format("woff2"),url(/fonts/ComicSansMS-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Lucida Blackletter;src:url(/fonts/LucidaBlackletter.woff2) format("woff2"),url(/fonts/LucidaBlackletter.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Algerian;src:url(/fonts/Algerian.woff2) format("woff2"),url(/fonts/Algerian.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Brush Script Std;src:url(/fonts/BrushScriptStd.woff2) format("woff2"),url(/fonts/BrushScriptStd.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Curlz MT;src:url(/fonts/CurlzMT.woff2) format("woff2"),url(/fonts/CurlzMT.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Davida Bold BT;src:url(/fonts/DavidaBoldBT-Regular.woff2) format("woff2"),url(/fonts/DavidaBoldBT-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Hobo Std;src:url(/fonts/HoboStd.woff2) format("woff2"),url(/fonts/HoboStd.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Relinquish;src:url(/fonts/Relinquish-Regular.woff2) format("woff2"),url(/fonts/Relinquish-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:TeX Gyre Heros;src:url(/fonts/TeX%20Gyre/texgyreheros-regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:TeX Gyre Heros;src:url(/fonts/TeX%20Gyre/texgyreheros-italic.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:TeX Gyre Heros;src:url(/fonts/TeX%20Gyre/texgyreheros-bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:TeX Gyre Heros;src:url(/fonts/TeX%20Gyre/texgyreheros-bolditalic.otf) format("opentype");font-weight:700;font-style:italic}@font-face{font-family:TeX Gyre Heros Condensed;src:url(/fonts/TeX%20Gyre/texgyreheroscn-regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:TeX Gyre Heros Condensed;src:url(/fonts/TeX%20Gyre/texgyreheroscn-italic.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:TeX Gyre Heros Condensed;src:url(/fonts/TeX%20Gyre/texgyreheroscn-bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:TeX Gyre Heros Condensed;src:url(/fonts/TeX%20Gyre/texgyreheroscn-bolditalic.otf) format("opentype");font-weight:700;font-style:italic}@font-face{font-family:TeX Gyre Termes;src:url(/fonts/TeX%20Gyre/texgyretermes-regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:TeX Gyre Termes;src:url(/fonts/TeX%20Gyre/texgyretermes-italic.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:TeX Gyre Termes;src:url(/fonts/TeX%20Gyre/texgyretermes-bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:TeX Gyre Termes;src:url(/fonts/TeX%20Gyre/texgyretermes-bolditalic.otf) format("opentype");font-weight:700;font-style:italic}html{font-size:22px}body{margin:0}.note-content pre{overflow-x:auto;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:1.5;white-space:pre-wrap;word-break:break-word}.note-content pre code{background:none;padding:0;font-family:inherit;font-size:inherit}.tag-pill{text-decoration:none!important;display:inline-block;font-weight:500;letter-spacing:.025em;text-transform:lowercase;transition:all .2s ease-in-out!important;box-shadow:0 1px 3px #0000001a}.tag-pill:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026;text-decoration:none!important}.font-system{font-family:Helvetica,Helvetica Neue,Arial,sans-serif}.font-system-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.font-system-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.font-times{font-family:Times New Roman,Times,serif}.font-neue-haas-unica{font-family:Neue Haas Unica,Helvetica,Arial,sans-serif}.font-galapagos-a{font-family:Galapagos A Grid,sans-serif}.font-galapagos-ab{font-family:Galapagos AB Grid,sans-serif}.font-galapagos-abc{font-family:Galapagos ABC Grid,sans-serif}.font-tex-heros{font-family:TeX Gyre Heros,sans-serif}.font-tex-heros-cn{font-family:TeX Gyre Heros Condensed,sans-serif}.font-tex-termes{font-family:TeX Gyre Termes,serif}.font-comic{font-family:Comic Sans MS,cursive}.font-blackletter{font-family:Lucida Blackletter,serif}.font-algerian{font-family:Algerian,serif}.font-brush-script{font-family:Brush Script Std,cursive}.font-curlz{font-family:Curlz MT,cursive}.font-davida{font-family:Davida Bold BT,serif}.font-hobo{font-family:Hobo Std,sans-serif}.font-relinquish{font-family:Relinquish,serif}.font-inter{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.font-recursive{font-family:Recursive,-apple-system,BlinkMacSystemFont,sans-serif}.font-roboto-mono{font-family:Roboto Mono,monospace}.font-lato{font-family:Lato,-apple-system,BlinkMacSystemFont,sans-serif}.font-arimo{font-family:Arimo,-apple-system,BlinkMacSystemFont,sans-serif}.font-source-sans{font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,sans-serif}.font-ibm-plex-sans{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif}.hover-no-underline:hover{text-decoration:none}.asterisk-list{list-style:none;padding-left:1.5rem}.asterisk-list li:before{content:"*";position:absolute;margin-left:-1.5rem;font-size:1.5em;font-weight:400;color:#999}.mw5-5{max-width:30rem}@media screen and (max-width: 699px){.webgl-grayscale{filter:none;opacity:1;mix-blend-mode:normal;outline:none;border:none}}@media screen and (min-width: 700px){.webgl-grayscale{filter:grayscale(100%);opacity:1;mix-blend-mode:luminosity;transition:filter .3s ease,opacity .3s ease,mix-blend-mode .3s ease;outline:none;border:none}.webgl-grayscale:hover{filter:grayscale(0%) saturate(80%);opacity:1;mix-blend-mode:normal;outline:none;border:none}}.dn-md{display:none}.db-md{display:block}@media screen and (min-width: 700px){.dn-md{display:block}.db-md{display:none}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes skeleton-pulse{0%,to{opacity:.08}50%{opacity:.15}}.webgl-skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.note-content h2{font-size:1.25rem;margin-top:2rem;margin-bottom:.75rem}.note-content h3{font-size:1.1rem;margin-top:1.5rem;margin-bottom:.5rem}.note-content p{margin-bottom:1.25rem}.note-content ul,.note-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.note-content li>ul,.note-content li>ol{margin-top:.25rem;margin-bottom:0}.note-content li{margin-bottom:.25rem}.note-content li:last-child{margin-bottom:0}.note-content>div>*:last-child,.note-content>div>*:last-child>*:last-child{margin-bottom:0}@media screen and (max-width: 60em){.ingredient-card{margin-left:-2rem;margin-right:-2rem;border-radius:0;padding-left:2rem;padding-right:2rem}}.note-content blockquote{margin:1.5rem 0;padding-left:1rem;border-left:3px solid #ddd;color:#555;font-style:italic}.note-content code{background:#f5f5f5;padding:.15rem .3rem;border-radius:3px;font-size:.9em}.note-content a{color:#357edd;text-decoration:underline}.note-content a:hover{text-decoration:none}.note-content img{max-width:100%;height:auto;margin:1rem 0}.note-content hr{border:none;border-top:1px solid #ddd;margin:2rem 0}.note-content figure{margin:1.5rem 0}.note-content figure img,.note-content figure video{max-width:100%;height:auto}.note-content figcaption{margin-top:.5rem}.note-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.note-content th,.note-content td{padding:.75rem;text-align:left;border-bottom:1px solid #ddd;vertical-align:top}.note-content th{font-weight:600;background:#f9f9f9}.note-content tr:last-child td{border-bottom:none}@media screen and (max-width: 40em){.style-guide-table tr{display:flex;flex-direction:column;padding:.75rem 0}.style-guide-table td{display:block;width:100%!important;padding:.25rem 0}.style-guide-table td:first-child{padding-bottom:.5rem}}.color-palette-grid{column-count:1;column-gap:1.5rem}@media screen and (min-width: 30em){.color-palette-grid{column-count:2}}@media screen and (min-width: 60em){.color-palette-grid{column-count:3}}.webgl-container{background:#fff;border-radius:.5rem;box-shadow:0 4px 8px #0000001a}html,body{overflow-x:hidden!important;max-width:100vw!important}.content-section{background:#fff!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;padding-left:calc(50vw - 50%)!important;padding-right:calc(50vw - 50%)!important}@media screen and (max-width: 45em){#logo-header .pv3{padding-top:1rem!important;padding-bottom:.5rem!important}#logo-header p.mb3{margin-bottom:.75rem!important}#logo-header .pa2{padding:.5rem!important;margin-left:auto!important;margin-right:auto!important;width:90%!important;max-width:90%!important}}.webgl-canvas{cursor:pointer;transition:transform .2s ease}.webgl-canvas:active{transform:translateY(2px)}.webgl-skeleton{position:relative;overflow:hidden}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.webgl-loaded{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.luis-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;border-radius:5px;background:#e5e5e5;outline:none;width:100%}.luis-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#357edd;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.luis-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#357edd;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.luis-slider:hover::-webkit-slider-thumb{background:#2c5aa0}.luis-slider:hover::-moz-range-thumb{background:#2c5aa0}