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