/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/modules/ingredient/ingredients-list.scss ***!
  \***************************************************************************************************************************************/:root{--primary: #000;--secondary: #101010;--accent-primary: #f5f5f7;--accent-secondary: #fff}.ingredients{overflow:hidden;box-shadow:0 10px 30px #0000001a}.ingredients__container{column-gap:5px}@media (min-width: 768px){.ingredients__container{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}}.ingredients__banner-image{display:block;position:relative;width:100%;padding-bottom:100%}@media (min-width: 768px){.ingredients__banner-image{display:none}}.ingredients__banner-image>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:25px 25px 0 0;aspect-ratio:3/4}.ingredients__banner-image>video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:25px 25px 0 0;aspect-ratio:3/4}.ingredients__absolute{border-radius:0 0 25px 25px;display:flex;flex-direction:column;height:100%}@media (min-width: 768px){.ingredients__absolute{border-radius:25px}}.ingredients__panel{border-radius:0 0 25px 25px;background:#fff;overflow:hidden;display:flex;flex-direction:column}@media (min-width: 768px){.ingredients__panel{border-radius:25px}}.ingredients__panel-footer{background-color:#fff;padding:0 30px 30px}@media (max-width: 768px){.ingredients__panel-footer{padding:0 20px 20px}}.ingredients__list{padding:30px 30px 10px;list-style:none;display:flex;flex-direction:column;row-gap:30px;align-items:flex-start;box-sizing:border-box;flex:1}@media (max-width: 768px){.ingredients__list{padding:20px}}.ingredients__list>ul{display:flex;flex-direction:column;row-gap:15px;align-items:flex-start;box-sizing:border-box;width:100%}.ingredients__list>ul li:nth-child(n+7){display:none}.ingredients__list>ul.ingredients__list--scrolled li{display:none}.ingredients__list>ul.ingredients__list--scrolled li.ingredients__item--visible{display:flex}.ingredients__item{width:100%;cursor:pointer;font-family:Sohne,sans-serif;font-size:30px;font-weight:500;position:relative;display:flex;justify-content:space-between;align-items:center;column-gap:10px}@media (max-width: 768px){.ingredients__item{font-size:25px}}.ingredients__item>span:not(.icon-more-less){width:100%;transition:transform .3s ease}.ingredients__item .icon-more-less{display:none}@media (max-width: 768px){.ingredients__item .icon-more-less{display:flex}}.ingredients__item .icon-more-less:after{content:var(--icon-plus, "+")}.ingredients__item--active{transform:translate(-4px)}.ingredients__item:after{content:"";opacity:0;transition:opacity .3s ease;position:absolute;right:20px;top:58%;transform:translateY(-50%);font-size:11px}.ingredients__item:hover:after{content:var(--icon-arrow, ">");opacity:1}.ingredients__button{margin-top:auto;background:transparent;line-height:14px;font-size:.875rem;border:1px solid #86868b;cursor:pointer;padding:13px 14px;color:#000;transition:all .3s ease;min-width:148px;margin-bottom:20px}.ingredients__button:hover{background:#000;color:#fff}.ingredients__button:after{content:""}.ingredients__disclaimer{font-family:Sohne,sans-serif;padding-top:20px;border-top:1px solid #eee;display:flex;column-gap:40px}@media (max-width: 768px){.ingredients__disclaimer{padding-top:20px}}.ingredients__disclaimer span{text-box-trim:trim-both}.ingredients__navigation{display:flex;align-items:center;column-gap:10px}.ingredients__arrow{width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--secondary, #101010);background-color:transparent;padding:0;cursor:pointer}.ingredients__arrow>svg{height:15px}.ingredients__arrow:disabled{opacity:.3;cursor:not-allowed}.ingredients__arrow[aria-label=prev]{transform:rotate(-90deg)}.ingredients__arrow[aria-label=next]{transform:rotate(90deg)}.ingredients__display{border-radius:25px;overflow:hidden;position:relative}@media (max-width: 768px){.ingredients__display{display:none}}.ingredients-default-image{opacity:1;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,visibility .2s ease;aspect-ratio:3/4}.ingredients-default-image video{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}.ingredients-default-image img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}.ingredients:not(:hover) .display{opacity:0;visibility:hidden}.display{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease,visibility .3s ease;display:flex;flex-direction:column;visibility:hidden}.display--active{opacity:1;visibility:visible}.display__image{flex:1;position:relative}.display__image>img{object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:3/4}.display__image>video{object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:3/4}.display__overlay{position:absolute;bottom:0;left:0;right:0;background:#fff;padding:30px;padding-bottom:0!important;border-radius:25px;box-shadow:0 2px 10px #00000026}.display__title{margin-bottom:25px;font-size:24px;font-weight:500;font-family:Sohne,sans-serif}.display__description{margin-top:10px;line-height:1.4;padding-bottom:30px}.display__description .metafield-rich_text_field{font-family:Sohne,sans-serif}.display__description .metafield-rich_text_field h3,.display__description .metafield-rich_text_field h4{font-size:1.375rem;margin:0}.display__more-btn{width:100%;background:transparent;border:none;font-family:Sohne,sans-serif;color:#86868b;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:10px 0 30px;transition:color .3s ease;text-transform:uppercase;font-weight:500}.display__more-btn .icon-more-less:after{content:var(--icon-plus, "+");line-height:1}.display__details{background:#fff;overflow:hidden;transition:max-height .3s ease;font-family:Sohne,sans-serif;max-height:0}.display__details--expanded{max-height:fit-content}.display__details--expanded~button.display__more-btn .icon-more-less:after{content:var(--icon-minus, "|");transform:rotate(-90deg);line-height:1}.display__description:has(~.display__details--expanded){display:none}.full-ingredients-display .display__description .metafield-rich_text_field{display:flex;flex-direction:column;row-gap:10px}.full-ingredients-display .display__description h3{margin-bottom:25px;font-size:24px;font-weight:500}.display-modal{display:none;flex-direction:column}.display-modal--active{display:flex}.detail{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #d9d9d9}.detail:last-child{border-bottom:none}.detail__label{font-weight:500;font-size:18px}.detail a{color:#000;text-decoration:underline}.detail p{margin:0}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000000;opacity:1;transition:opacity .3s ease;visibility:hidden}@media (max-width: 768px){.modal{display:block}}.modal--active{opacity:1;visibility:visible}.modal__overflow{overflow-y:auto;max-height:80vh}.modal__content{position:absolute;bottom:0;left:0;right:0;max-height:85%;overflow-y:auto;background:#fff;border-radius:20px 20px 0 0;padding:20px;transform:translateY(100%);transition:transform .3s ease}.modal--active .modal__content{transform:translateY(0)}.modal__header{display:flex;justify-content:space-between;align-items:center}.modal__title{font-family:Sohne,sans-serif;margin:0;font-size:22px;font-weight:500}.modal__close{width:100%;background:transparent;border:none;color:#86868b;border-top:1px solid #d9d9d9;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:5px;padding-top:20px;transition:color .3s ease;text-transform:uppercase;font-weight:500}.modal__close .icon-more-less:after{content:"-"}.modal__image{margin-top:16px;width:100%;object-fit:cover;background-size:cover;background-position:center;border-radius:15px}.modal__description{padding-top:9px;font-family:Sohne,sans-serif;font-size:14px;line-height:1.5}.icon-more-less{font-size:12px;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#000}
/*# sourceMappingURL=/cdn/shop/t/108/assets/ingredient.dev.css.map */