/*!***************************************************************************************************************************************!*\
  !*** 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}@media (max-width: 768px){.ingredients__banner-image>img{border-radius:20px 20px 0 0}}.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}@media (max-width: 768px){.ingredients__banner-image>video{border-radius:20px 20px 0 0}}.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}}.about-us-content-page .ingredients__panel{aspect-ratio:3/4}.ingredients__panel-footer{background-color:#fff;padding:0 30px 30px}@media (max-width: 768px){.ingredients__panel-footer{padding:0 20px 25px}}.ingredients__list{padding:30px 30px 0;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 20px 0}}.about-us-content-page .ingredients__list{max-height:calc(100% - 80px);overflow-y:auto}@media (min-width: 768px){.about-us-content-page .ingredients__list{max-height:calc(100% - 100px)}}.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}.about-us-content-page .ingredients__list>ul li:nth-child(n+7){display:flex}.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--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}@media (min-width: 768px){.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 #d9d9d9;display:flex;column-gap:20px}.ingredients__disclaimer span{text-box-trim:trim-both}@media (max-width: 768px){.ingredients__disclaimer span{font-size:14px}}@media (max-width: 768px){.ingredients__disclaimer{padding-top:20px}}.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}@media (max-width: 768px){.ingredients__arrow{width:30px;height:30px}}.ingredients__arrow:disabled{opacity:.3;cursor:not-allowed}.ingredients__arrow[aria-label=prev]{transform:rotate(-180deg);padding-top:3px}.ingredients__arrow[aria-label=next]{padding-top:3px}.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;border-radius:25px;box-shadow:0 2px 10px #00000026}.display__title{margin:0 0 25px;font-size:24px;font-weight:500;font-family:Sohne,sans-serif}.display__description{line-height:1.4}.display__description+.display__description{margin-top:30px}.display__description .metafield-rich_text_field{font-family:Sohne,sans-serif}.display__description .metafield-rich_text_field p{text-box-trim:trim-both!important;text-box-edge:cap alphabetic!important}.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:0;transition:color .3s ease;text-transform:uppercase;font-weight:500;margin-top:30px}.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 .detail:first-child{padding:10px 0 20px}.display__details--expanded~button.display__more-btn .icon-more-less .icon-plus{display:none}.display__details--expanded~button.display__more-btn .icon-more-less .icon-minus{display:block}.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:22px;font-weight:500;text-transform:lowercase}.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__label{font-weight:500;font-size:18px;text-box-trim:trim-both!important;text-box-edge:cap alphabetic!important}@media (max-width: 768px){.detail__label{font-size:16px}}.detail__value{text-align:right;font-size:16px;text-box-trim:trim-both!important;text-box-edge:cap alphabetic!important}@media (max-width: 768px){.detail__value{font-size:14px}}.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:1.5625rem 1.5625rem 0 0;padding:25px 20px 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}:host-context(.modal--bundle):host([handle=full-ingredients]) .modal__header{display:none!important}.modal__title{font-family:Sohne,sans-serif;margin:0;font-size:22px;font-weight:500;text-box-trim:trim-both;text-box-edge:cap alphabetic;padding-top:1px}.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:20px 0 0;transition:color .3s ease;text-transform:uppercase;font-weight:500}:host(:not([handle=full-ingredients])) .modal__close{border-top:none}.modal__close .icon-more-less .icon-plus{display:none}.modal__close .icon-more-less .icon-minus{display:block}.modal__image-wrapper{position:relative;border-radius:15px;overflow:hidden;margin-bottom:10px}.modal__image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;box-shadow:0 0 6px #00000040 inset;pointer-events:none}:host([handle=full-ingredients]) .modal__image-wrapper{display:none}.modal__image{display:block;width:100%;object-fit:cover;background-size:cover;background-position:center;border-radius:15px}.modal__description{font-family:Sohne,sans-serif;font-size:14px;line-height:1.5;text-box-trim:trim-both!important;text-box-edge:cap alphabetic!important}.modal__description h3{margin-block:0;text-box-trim:trim-both!important;text-box-edge:cap alphabetic!important;font-size:22px;font-weight:500;text-transform:lowercase}.modal__description p{margin-block:25px 30px!important;text-box-trim:trim-both!important;text-box-edge:cap alphabetic!important}.icon-more-less{min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#000}.icon-more-less .icon-plus{display:block}.icon-more-less .icon-minus,.icon-more-less--active .icon-plus{display:none}.icon-more-less--active .icon-minus{display:block}
/*# sourceMappingURL=/cdn/shop/t/115/assets/ingredient.dev.css.map */