.notebook__header{padding-top:3rem}@media screen and (min-width: 750px){.notebook__header{padding-top:40vh}}.notebook__title{margin-bottom:3rem}.notebook__content .no-matches{padding:4rem 0}.notebook__content .letter,.notebook__content .letter-block{margin-bottom:var(--grid-mobile-vertical-spacing)}@media only screen and (min-width: 750px){.notebook__content .letter,.notebook__content .letter-block{margin-bottom:var(--grid-desktop-vertical-spacing)}}.ingredient-data{display:none;opacity:0;transition:var(--duration-default) opacity linear;width:100%}.ingredient-data.active{display:block;opacity:1}.ingredient-data__container--outer{background-color:rgb(var(--color-body));transition:var(--duration-default) background-color linear}.ingredient-data__container{display:flex;align-items:stretch}@media only screen and (min-width: 750px){.ingredient-data__container{height:calc(100vh - var(--header-height));position:sticky;position:-webkit-sticky;top:var(--header-height);overflow-y:auto}}.ingredient-data__container.sticky--is-updating{transition:top linear var(--duration-default)}.ingredient-data__main{min-height:calc(100vh - var(--header-height, 72px))}.ingredient-data__description{padding:8rem var(--gutter-site-mobile) 3rem}@media screen and (min-width: 750px){.ingredient-data__description{padding:1rem var(--gutter-site) 4rem}}.ingredient-data__mobile{display:none;margin:0 calc(var(--gutter-site-mobile) * -1) 3rem}.notebook__header .search__wrapper-inner{position:relative}.notebook__header .search__wrapper-inner .icon-wrapper,.notebook__header .search__wrapper-inner .clear{position:absolute;top:calc(50% + .5rem);left:0;transform:translateY(-50%);line-height:0;z-index:1}.notebook__header .search__wrapper-inner .clear{left:auto;right:1.2rem;font-size:0}.notebook__header .search__wrapper-inner .icon-wrapper svg{height:1.5rem;width:1.5rem}.notebook__header .search__wrapper-inner .clear svg{width:1.2rem;height:1.2rem}.notebook__header .search__wrapper-inner input{padding-left:2.5rem;padding-right:3.5rem;width:100%}.notebook__header .search__wrapper-inner .field__label{left:calc(2.5rem + var(--inputs-border-width))}.notebook__navigation{margin-top:1rem;display:flex;justify-content:space-between;margin-left:-.5rem;width:calc(100% + 1rem);flex-wrap:wrap}@media screen and (max-width: 1399px){.notebook__navigation{justify-content:flex-start}}.notebook__navigation--btn{text-transform:uppercase;padding:.8rem;line-height:1}@media screen and (max-width: 749px){.notebook__navigation--btn{font-size:2rem;padding:1.2rem}}.notebook__navigation--btn[disabled]{cursor:default;opacity:.4}.notebook__to-top--button{visibility:hidden;opacity:0;transition:opacity var(--duration-default) linear,visibility var(--duration-default) linear;position:fixed;bottom:1rem;right:1rem;border:none;background:rgb(var(--color-body));border-radius:50%;height:6rem;width:6rem;padding:0;cursor:pointer}@media only screen and (min-width: 750px){.notebook__to-top--button{right:calc(50% + 1rem)}}.notebook__to-top--button.active{visibility:visible;opacity:1}.notebook__to-top--button svg{display:block;margin:auto auto 0;transform:rotate(180deg);height:1.5rem;width:1.5rem}.notebook__to-top--button span{font-size:1.4rem}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-notebook.css.map */