ingredients-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-popup);pointer-events:none}ingredients-modal.open{pointer-events:auto}.ingredients-modal--background{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;-webkit-backdrop-filter:blur(var(--background-blur));backdrop-filter:blur(var(--background-blur));pointer-events:none;transition:opacity var(--transition-duration) var(--transition-ease);opacity:0}ingredients-modal.open .ingredients-modal--background{opacity:1}.ingredients-modal--modal{position:absolute;bottom:0;left:0;right:0;width:100%;height:66.666%;display:flex;flex-direction:column;min-height:0;align-items:flex-start;transition:transform var(--transition-duration) var(--transition-ease);transform:translateY(100%)}ingredients-modal.open .ingredients-modal--modal{transform:translateY(0)}.ingredients-modal--nav{--td: var(--transition-duration);--te: var(--transition-ease);position:relative;overflow:hidden;width:100vw;mask-image:linear-gradient(90deg,#010101 60%,#ffffff80 90%);mask-size:100%;-webkit-mask-image:linear-gradient(90deg,rgba(1,1,1,1) 60%,rgba(255,255,255,.5) 90%);-webkit-mask-size:100%;transition:opacity var(--td) var(--te) calc(var(--td) / 2),mask-size var(--td) var(--te),-webkit-mask-size var(--td) var(--te);opacity:0}ingredients-modal.open .ingredients-modal--nav{opacity:1}.ingredients-modal--nav.scroll-end{mask-size:200%;-webkit-mask-size:200%}.ingredients-modal--nav ul{display:flex;flex-wrap:nowrap;white-space:nowrap;padding:.75rem .625rem .75rem 0;overflow:auto;scroll-snap-type:x mandatory}ingredients-modal.open ul{scroll-behavior:smooth}.ingredients-modal--nav li{padding-left:.625rem;scroll-snap-align:start}.ingredients-modal--inner{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;width:100%;height:100%;min-height:0;padding:0 var(--container-gutter);background:var(--color-card-transparent);border-radius:var(--border-radius) var(--border-radius) 0 0}.ingredients-modal--header{display:flex;align-items:center;justify-content:space-between;padding:var(--container-gutter) 0 .625rem 0;width:100%;border-bottom:1px solid var(--color-card)}.ingredients-modal--controls{display:flex;align-items:center;gap:.625rem}.ingredients-modal--tabs{width:100%;height:100%;min-height:0;transition:opacity var(--transition-duration) var(--transition-ease)}.ingredients-modal--tabs.loading{opacity:0}.ingredients-modal--tab{width:100%;height:100%;padding-bottom:1.5rem;overflow:auto}.ingredients-modal--tab[hidden]{display:none}@media (min-width: 1024px){.ingredients-modal .ingredient-details,.ingredients-modal .ingredient-details--descrption{height:100%}.ingredients-modal h4:last-of-type{margin-top:auto}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/ingredients-modal.css.map */