.modal .modal--backdrop.active,.modal.active{display:block}.map__product-popup{max-width:95%;max-height:calc(100vh - 5%);width:100%;top:50%;left:50%;position:fixed;transform:translate(-50%,-50%);z-index:100000;margin:0 auto;background-color:#fff7ee;transform-origin:center;transition:all .3s ease;overflow:auto}.product-popup__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffde17;padding:20px 0;position:relative}.product-popup__content{display:flex}.flex--align-center{display:flex;align-items:center}.product-popup__title{padding-left:30px}.product-popup__actions{padding-right:30px}.popup__farm-story{display:flex;align-items:center;border-right:1px solid #ffde17;padding:30px}.popup__equity-pledge{display:flex;align-items:center;padding:30px 30px 0;flex-direction:row-reverse;align-self:flex-end}.product-popup__content .title{font-size:1.5em;white-space:nowrap}.popup__spice-illustration img{height:100%;width:100%;object-fit:contain;position:relative;z-index:1}.popup__spice-illustration{margin-right:35px;width:40px;height:40px;position:relative}.popup__spice-illustration:after{content:"";position:absolute;transform-origin:center;width:55px;height:55px;background:#ffe200;border-radius:100%;z-index:0;left:-7.5px;top:-7.5px}.equity-pledge__item-key.diaspora:before{background-color:#d5137b}.equity-pledge__item-key.fair-trade:before{background-color:#f57320}.equity-pledge__item-key.commodity:before{background-color:#ffde17}.equity-pledge__item-key{position:relative;list-style:none}.popup__spice-photo{width:240px;height:240px;flex-shrink:0;flex-grow:1;margin-right:40px}.product-popup__actions .close svg{width:20px;height:20px;color:#d5137b}.product-popup__actions .link{margin-right:35px}.grid-item__recipe .squiggly-divider{margin:3px auto;justify-content:center}.product-popup__recipes .product-recipes{border-top:1px solid #88998c}.-inset-px{top:-1px;right:-1px;bottom:-1px;left:0}.popup__spice-photo img:last-child{width:calc(100% + 2px);height:calc(100% + 2px)}.popup__spice-photo img:first-child{width:100%;height:100%;object-fit:cover}ul.equity-pledge__key p{font-size:14px!important;color:#080a5c;margin:4px 0 10px}.popup__farm-story__description{margin-top:15px}@media (max-width:1440px){.commodity-img{overflow-x:scroll;padding:50px 0}.commodity-img img{height:156px;max-width:max-content}.commodity-img::-webkit-scrollbar{display:none}}@media (max-width:1366px){.commodity-img img{width:fit-content}}@media screen and (min-width:700px){.equity-pledge__item-key{margin-bottom:.7em}.product-popup__header{position:sticky!important;top:0;z-index:10;background:#fff7ee}.product-popup__title{max-width:calc(100% - 40px)}.popup__equity-pledge{flex-direction:row;padding:30px 30px 0}}@media screen and (max-width:841px){.map__product-popup{max-height:100vh;height:100vh;max-width:100vw;top:0;left:0;transform:translate(0);overflow:scroll}.product-popup__content{flex-direction:column}.popup__farm-story{border-right:none;border-bottom:1px solid #ffde17;flex-direction:column}.popup__equity-pledge{align-self:center}}@media (max-width:1199.98px){.product-popup__content{display:block}.popup__equity-pledge.equity-pledge,.popup__farm-story{max-width:100%}.opup__farm-story,.popup__equity-pledge.equity-pledge{border-top:1px solid #88998c}}@media (max-width:700px){.equity-graph.vertical .equity-pledge__graph .bar.commodity,.equity-graph.vertical .equity-pledge__graph .bar.fair-trade{margin-right:-32.5px}.equity-graph.vertical .equity-pledge__graph{height:230px;margin-right:0;margin-left:30px}.equity-graph.vertical{align-self:flex-end}.popup__equity-pledge{flex-direction:row;padding:30px 30px 0}.equity-graph.vertical .equity-pledge__graph .bar{width:65px}}@media (max-width:991.98px){.popup__spice-photo{margin:0 auto 30px}.popup__farm-story{display:block}.spicery-box{max-width:calc(100% - 40px);margin-left:auto;margin-right:auto}.commodity-in p{margin-left:20px;margin-right:20px}}@media (max-width:576px){.product-popup__actions .link{display:none}}@media (max-width:425px){.equity-graph.vertical .equity-pledge__graph .bar{width:45px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/supply-chain-modal.css.map */