.roots-im__intro{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.roots-im__intro>:first-child,.roots-im>:first-child{margin-block-start:0}.roots-im__heading{margin:0;max-width:22ch;color:var(--color-foreground-heading, var(--color-foreground))}.roots-im__heading:not(.rte){--color: var(--typo-color, var(--color-foreground-heading, var(--color-foreground)));color:var(--color)}.roots-im__heading em{font-style:italic}.roots-im__body{margin-block-start:var(--roots-rhythm-heading-body);max-width:56ch;color:var(--color-primary)}.roots-im__body:not(.rte){--color: var(--typo-color, var(--color-primary));color:var(--color)}.roots-im__body>:first-child{margin-block-start:0}.roots-im__body>:last-child{margin-block-end:0}.roots-im__cta-row{position:relative;z-index:1;margin-block-start:var(--roots-rhythm-body-content);text-align:center}.roots-im__cta{color:var(--color-primary);font-weight:400;text-decoration:underline;text-underline-offset:.2em;transition:opacity .15s ease}.roots-im__cta:hover{opacity:.75}.roots-im__cta:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:2px}.roots-im__pillars{list-style:none;margin:var(--roots-rhythm-body-content) 0 0;padding:0;width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--roots-rhythm-items);align-items:start}.roots-im__pillar{display:flex;flex-direction:column;align-items:center;gap:var(--roots-gap-standard)}.roots-im__pillar-chip{display:grid;place-items:center;inline-size:56px;block-size:56px;border-radius:var(--roots-radius-rounded);background:var(--roots-icon-tile);color:var(--roots-icon-mark)}.roots-im__pillar-chip svg{inline-size:26px;block-size:26px}.roots-im__pillar-label{color:var(--color-primary)}.roots-im__pillar-label:not(.rte){--color: var(--typo-color, var(--color-primary));color:var(--color)}.roots-im__pillar-label:not(.custom-typography):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.paragraph){font-size:.8125rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;line-height:1.35}.roots-im__rail{position:relative;margin-block-start:calc(var(--roots-rhythm-body-content) - 60px);margin-block-end:-60px;padding-block:60px;overflow:hidden}.roots-im__track{list-style:none;margin:0;padding:0;display:flex;inline-size:max-content}@media(prefers-reduced-motion:no-preference){.roots-im__track[data-loop-ready=true]{animation:roots-im-scroll var(--roots-im-duration) linear infinite;will-change:transform}}@keyframes roots-im-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.roots-im__rail:hover .roots-im__track,.roots-im__rail:focus-within .roots-im__track,.roots-im__rail[data-paused=true] .roots-im__track{animation-play-state:paused}.roots-im__item{flex:0 0 auto;margin-inline-end:12px}.roots-im__tile{position:relative;display:block;inline-size:132px;block-size:132px;padding:0;border:0;border-radius:var(--roots-radius-rounded);overflow:hidden;background:var(--color-background);cursor:pointer;box-shadow:var(--roots-shadow-card);transition:var(--roots-card-transition)}.roots-im__tile:hover{transform:translateY(-3px);box-shadow:var(--roots-shadow-card-hover)}.roots-im__tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.roots-im__tile-image,.roots-im__tile-placeholder{display:block;inline-size:100%;block-size:100%;object-fit:cover}.roots-im__tile-placeholder{background:rgb(var(--color-foreground-rgb) / .06)}.roots-im__tile-badge{position:absolute;inset-block-end:8px;inset-inline-end:8px;display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:999px;border:1px solid rgb(31 48 37 / .14);background:#eef3f0b8;color:#1f3025;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);box-shadow:0 1px 4px #0000002e}.roots-im__tile-badge svg{inline-size:13px;block-size:13px}.roots-im--plain .roots-im__tile{border-radius:0;overflow:visible;background:none;box-shadow:none;cursor:auto;transition:none}.roots-im--plain .roots-im__tile:hover{transform:none}.roots-im--plain .roots-im__rail:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.roots-im--plain .roots-im__tile-image{object-fit:contain}.roots-im__toggle{position:absolute;z-index:2;inset-block-start:50%;transform:translateY(-50%);inset-inline-end:10px;display:inline-flex;align-items:center;justify-content:center;min-inline-size:36px;min-block-size:36px;border:1px solid rgb(var(--color-foreground-rgb) / .25);border-radius:999px;background:rgb(var(--color-background-rgb) / .85);color:var(--color-foreground);cursor:pointer}.roots-im__toggle:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.roots-im__toggle:not(:focus-visible){min-inline-size:0;min-block-size:0;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.roots-im__toggle[data-playing=true] .roots-im__toggle-icon{inline-size:9px;block-size:11px;border-inline-start:3px solid currentColor;border-inline-end:3px solid currentColor}.roots-im__toggle[data-playing=false] .roots-im__toggle-icon{border-block:6px solid transparent;border-inline-start:10px solid currentColor}@media(forced-colors:active){.roots-im__toggle{border-color:ButtonText}.roots-im__tile-badge{border-color:ButtonText;backdrop-filter:none;-webkit-backdrop-filter:none}}.roots-im__dialog{max-inline-size:min(560px,calc(100vw - 32px));inline-size:100%;padding:0;border:0;border-radius:var(--roots-radius-generous);background:var(--color-background);color:var(--color-foreground)}.roots-im__dialog::backdrop{background:#00000080}.roots-im__dialog-inner{position:relative;padding:var(--roots-gap-spacious)}.roots-im__dialog-close{position:absolute;inset-block-start:12px;inset-inline-end:12px;display:grid;place-items:center;inline-size:36px;block-size:36px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--color-foreground);cursor:pointer}.roots-im__dialog-close svg{inline-size:18px;block-size:18px}.roots-im__dialog-close:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.roots-im__dialog-media img{display:block;inline-size:96px;block-size:96px;object-fit:cover;border-radius:var(--roots-radius-rounded);margin-block-end:var(--roots-gap-standard)}.roots-im__dialog-title{margin:0 0 var(--roots-gap-tight);color:var(--color-foreground-heading, var(--color-foreground))}.roots-im__dialog-title:not(.rte){--color: var(--typo-color, var(--color-foreground-heading, var(--color-foreground)));color:var(--color)}.roots-im__dialog-body{color:var(--color-primary)}.roots-im__dialog-body>:first-child{margin-block-start:0}.roots-im__dialog-body>:last-child{margin-block-end:0}.roots-im__dialog-body .roots-im__detail-name{display:none}.roots-im__dialog-body .roots-im__detail-subtitle{margin-block:0 var(--roots-gap-standard)}.roots-im__dialog-body .roots-im__detail-subtitle:not(.custom-typography):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.paragraph){font-weight:700}.roots-im__detail-subtitle:not(.rte),.roots-im__detail-body:not(.rte){color:var(--typo-color, inherit)}@media screen and (min-width:750px){.roots-im__pillars{grid-template-columns:repeat(4,1fr)}.roots-im__item{margin-inline-end:20px}.roots-im__tile{inline-size:176px;block-size:176px}}@media(prefers-reduced-motion:reduce){.roots-im__item[data-marquee-clone]{display:none}.roots-im__rail{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.roots-im__toggle{display:none}.roots-im__tile,.roots-im__cta{transition:none}.roots-im__tile:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/roots-ingredient-marquee.css.map */