section.section-ingredients .letters-index{margin:0 0 40px 0;text-align:center}section.section-ingredients .letters-index .letter-index{display:inline-block;margin:0 10px}section.section-ingredients .letters-index .letter-index[data-items="0"]{display:none}section.section-ingredients .letters-index .letter-index .letter-index-name{text-decoration:none;font-size:20px}section.section-ingredients .letters-index .letter-index .letter-index-name:hover{text-decoration:underline}section.section-ingredients .letters{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-items:start;justify-content:left;column-gap:60px;row-gap:40px}section.section-ingredients .letters .letter{width:100%;outline:0}section.section-ingredients .letters .letter[data-items="0"]{display:none}section.section-ingredients .letters .letter .letter-name{margin-bottom:1rem;padding-bottom:1rem;font-size:3.5rem;line-height:1;border-bottom:2px solid currentColor;font-weight:bold}section.section-ingredients .letters .letter .ingredients .ingredient>a{text-decoration:none}section.section-ingredients .letters .letter .ingredients .ingredient>a:after{content:'';margin-left:5px;display:inline-block;vertical-align:middle;width:7px;height:7px;border:1px solid currentColor;border-top:0;border-left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}section.section-ingredients .letters .letter .ingredients .ingredient>a:hover:after{-webkit-transform:translateX(5px) rotate(-45deg);-moz-transform:translateX(5px) rotate(-45deg);-ms-transform:translateX(5px) rotate(-45deg);-o-transform:translateX(5px) rotate(-45deg);transform:translateX(5px) rotate(-45deg)}section.section-ingredients .ingredient .answer{padding:40px;overflow:auto;opacity:0;visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);z-index:90;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}section.section-ingredients .ingredient .answer:target{opacity:1;visibility:visible}section.section-ingredients .ingredient .answer .wrapper{overflow:auto;padding:40px;min-height:200px;background:#fff;width:calc(100% - 20px);max-width:740px;position:relative;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.3);-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}section.section-ingredients .ingredient .answer .backdrop{position:absolute;top:0;right:0;bottom:0;left:0}section.section-ingredients .ingredient .answer:not(:target) .wrapper{transform:translateY(-40px)}section.section-ingredients .ingredient .answer .wrapper .close{display:block;padding:10px;position:absolute;width:20px;height:20px;top:20px;right:20px;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}section.section-ingredients .ingredient .answer .wrapper .close:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}section.section-ingredients .ingredient .answer .wrapper .close:before,section.section-ingredients .ingredient .answer .wrapper .close:after{content:'';display:block;width:100%;height:2px;margin-top:-1px;background:#000;position:absolute;top:50%;left:0}section.section-ingredients .ingredient .answer .wrapper .close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}section.section-ingredients .ingredient .answer .wrapper .close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}section.section-ingredients .ingredient .answer .wrapper .featured-image{margin-right:20px;width:220px;max-width:30%;float:left}@media screen and (max-width:480px){section.section-ingredients .ingredient .answer{padding:0}section.section-ingredients .ingredient .answer .wrapper{height:calc(100% - 20px)}section.section-ingredients .ingredient .answer .wrapper .featured-image{float:none;width:auto;max-width:100%;margin:0 auto}}