.Callout{width:100%;margin:auto;box-sizing:border-box;padding:var(--spacing--xlarge) var(--spacing--regular)}@media screen and (min-width:1240px){.Callout{padding:var(--spacing--xxxxlarge) var(--spacing--xxxlarge)}}.Callout_wrapper{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing--medium);max-width:1200px;margin:0 auto;width:100%}@media screen and (min-width:1240px){.Callout_wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}}.Callout_content{display:flex;flex-direction:column;max-width:444px;margin:0 auto;justify-content:space-between;gap:var(--spacing--medium)}@media screen and (min-width:1240px){.Callout_content{gap:var(--spacing--large)}}.Callout_title{text-align:center;font-size:var(--font--medium2);font-weight:600;line-height:120%;letter-spacing:-.96px;max-width:444px;width:100%;margin:auto}@media screen and (min-width:1240px){.Callout_title{font-size:34px;line-height:1.2;letter-spacing:-1.44px}}.Callout_item{display:flex;flex-direction:column;max-height:0;opacity:0;overflow:hidden;transition:max-height 0s ease,opacity .25s ease}.Callout_item.active{max-height:500px;opacity:1}.Callout_list{display:flex;gap:var(--spacing--xlarge);align-self:center}.Callout_swatchButton{border-radius:50%;border:1px solid var(--color--black-020);width:64px;height:64px;transition:all .25s ease-in-out}.Callout_swatchButton.active{border-color:var(--color--black)}@media screen and (min-width:1240px){.Callout_swatchButton{width:96px;height:96px}}.Callout_swatch{display:block;width:100%;height:100%;position:relative}.Callout_swatch img{width:100%;height:100%;object-fit:cover;filter:blur(10px);transition:filter .3s ease-out;border-radius:100%}.Callout_swatch img.lazyload{filter:blur(0)}.Callout .Button__transparent{--button-border-color: var(--color--white);--button-background-initial: transparent;--button-color-initial: var(--color--white);--button-background-alternative: var(--color--white);--button-color-alternative: var(--color--black);align-self:end}.Callout .Button__outline{--button-border-color: var(--color--black);--button-background-initial: transparent;--button-color-initial: var(--color--black);--button-background-alternative: var(--color--black);--button-color-alternative: var(--color--white)}.Callout_itemImageWrapper{width:300px;height:165px;margin:auto}.Callout_itemTitle{text-align:center;font-size:var(--font--medium2);font-weight:600;line-height:120%;letter-spacing:-.96px;margin-bottom:var(--spacing--regular)}@media screen and (min-width:1240px){.Callout_itemTitle{margin-bottom:var(--spacing--small)}}.Callout_itemText{text-align:center;font-size:var(--font--small);font-weight:400;line-height:130%;letter-spacing:-.28px;margin:0}@media screen and (min-width:1240px){.Callout_itemText{font-size:var(--font--regular);line-height:140%;letter-spacing:-.32px}}.Callout_itemImage{width:100%;display:block;height:100%;position:relative}.Callout_itemImage img{position:absolute;top:0;height:100%;width:100%;left:0;object-fit:contain}.Callout_imageWrapper{position:relative;padding:var(--spacing--xlarge);overflow:hidden;display:none}@media screen and (min-width:1240px){.Callout_imageWrapper{display:flex}}.Callout_image{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.Callout_image img{position:absolute;top:0;height:100%;width:100%;left:0;object-fit:cover}@media screen and (min-width:1240px){.Callout_mobileOnly{display:none}}.Callout_ingredientsAccordion{max-height:0;overflow:hidden;transition:max-height .4s ease-out,opacity .3s ease;opacity:0;width:100%}.Callout_ingredientsAccordion.is-open{max-height:2000px;opacity:1}.Callout_ingredientsAccordion_inner{padding:var(--spacing--medium) 0;display:flex;flex-direction:column;gap:var(--spacing--medium)}.Callout_ingredientItem{border-bottom:1px solid var(--color--border, #e8e0d6);padding-bottom:var(--spacing--medium)}.Callout_ingredientItem:last-child{border-bottom:none}.Callout_ingredientItem_title{font-size:1rem;font-weight:600;margin:0 0 var(--spacing--xsmall) 0;color:var(--color--text, #1a1a1a)}.Callout_ingredientItem_description{font-size:.875rem;line-height:1.5;margin:0;color:var(--color--text-secondary, #555)}.js-callout-see-all-ingredients[aria-expanded=true]{background-color:var(--color--button-bg, #1a1a1a);color:var(--color--button-text, #fff)}
/*# sourceMappingURL=/cdn/shop/t/352/assets/callout.css.map */