.modal{background-color:#000000e6;opacity:0;overflow:hidden;position:fixed;right:0;top:0;left:0;bottom:0;grid-template-columns:.5fr minmax(800px,50%) .5fr;height:100%;width:100vw}.modal .recipe-center-column{background-color:#fff;min-height:100%;height:100%;max-height:100vh;max-width:100%;width:1024px;padding:0 0 20px;grid-column:2/3;justify-content:center;justify-items:center;justify-self:center;align-items:center;overflow-y:auto;position:relative;display:grid;grid-template-columns:100%;grid-template-rows:[form-start image-start] 150px [form-end] auto [banner-start] 50px [banner-end image-end] 250px [icons-start] auto [icons-end productDescription-start] auto [productDescription-end ingredients-start] auto [ingredients-end allergens-start] minmax(150px,1fr)[allergens-end];grid-template-areas:"form" "image" "banner" "icons" "productDescription" "ingredients" "allergens"}.modal .recipe-center-column .form-wrapper{grid-area:form;position:absolute;z-index:4;justify-self:right;margin:30px;text-align:center;display:grid;justify-items:center;align-items:center;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"options price" ". button";grid-gap:10px}.modal .recipe-center-column .form-wrapper>*{width:100%;height:100%}.modal .recipe-center-column .form-wrapper>.price-display{background-color:#fff;grid-area:price;margin:0;display:grid;align-items:center}.modal .recipe-center-column .form-wrapper>#ModalOptionSelect{grid-area:options}.modal .recipe-center-column .form-wrapper>.btn{grid-area:button}.modal .recipe-center-column .image-wrapper{grid-area:image / 1 / banner-end / 2;z-index:1;max-width:100%;width:1024px}.modal .recipe-center-column .image-wrapper>img{max-width:100%;width:1024px;object-fit:contain}.modal .recipe-center-column .modal_stripe{grid-area:banner;z-index:2;width:1024px;max-width:100%}.modal .recipe-center-column .modal_stripe>img{width:100%;object-fit:contain}.modal .recipe-center-column .title{position:absolute;grid-area:banner;z-index:3;align-self:center;text-align:center}.modal .recipe-center-column .info-icons{grid-area:icons;display:flex;flex-direction:row;align-items:center;min-height:max-content;height:max-content;width:100%;justify-content:center}.modal .recipe-center-column .info-icons .info-icon{margin:0 3%;text-align:center}.modal .recipe-center-column .info-icons .info-icon>*{margin:0 0 0 .5px!important}.modal .recipe-center-column .info-icons .info-icon>svg{max-width:50px}.modal .recipe-center-column .product-description{grid-area:productDescription}.modal .recipe-center-column .ingredients-wrapper{grid-area:ingredients}.modal .recipe-center-column .ingredients-wrapper .ingredients-flex{display:inline-grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(32%,1fr));grid-column-gap:10px;align-content:flex-start;justify-content:flex-start}.modal .recipe-center-column .ingredients-wrapper .ingredients-flex>*{padding:0;margin:0}.modal .recipe-center-column .allergens-wrapper{grid-area:allergens;padding-bottom:50px}.modal .recipe-center-column .description{width:100%;margin-bottom:30px;justify-self:left}.modal .recipe-center-column .modal-padding{padding-right:100px;padding-left:100px}.modal .farmers-market-center-column{background-color:#fff;max-height:90vh;height:auto;min-width:100%;width:100%;grid-column:2/3;justify-self:center;justify-content:center;align-content:start;margin:auto;display:grid;grid-template-columns:50% 50%;border-radius:7px;padding:25px;overflow-y:auto}.modal .farmers-market-center-column .product-image{display:inline-block;height:auto;max-height:400px;max-width:400px;position:relative}.modal .farmers-market-center-column .product-image>img{object-fit:contain;min-width:200px;min-height:200px;max-height:100%;max-width:100%;height:auto;width:400px;position:relative;border-radius:7px}.modal .farmers-market-center-column .product-info-column{display:inline-grid;grid-template-rows:auto auto 1fr auto auto;position:relative;max-width:100%;height:auto;min-height:436px;width:95%;justify-self:center;align-self:center}.modal .farmers-market-center-column .product-info-column>h5{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.modal .farmers-market-center-column .product-info-column .selector-price-wrapper{display:grid;grid-template-columns:.5fr auto;justify-items:left;align-items:baseline}.modal .farmers-market-center-column .product-info-column .selector-price-wrapper>select{padding-left:0}.modal .farmers-market-center-column .product-info-column .learnMore{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:auto}.modal .farmers-market-center-column .product-info-column .read-more-wrapper{position:relative;min-height:140px;height:auto;padding-bottom:1rem}.modal .farmers-market-center-column .product-info-column .read-more-wrapper .read-more-state{display:none}.modal .farmers-market-center-column .product-info-column .read-more-wrapper .read-more-target{width:100%;height:140px;text-overflow:ellipsis;overflow:hidden}.modal .farmers-market-center-column .product-info-column .read-more-wrapper .read-more-trigger{cursor:pointer;display:inline-block;position:absolute;right:0;color:#a8ba40;margin:0}.modal .farmers-market-center-column .product-info-column .form-wrapper{width:100%;align-self:end;padding:10px}.modal .modal-controls{grid-row:1;position:absolute;cursor:pointer;height:200px;max-height:75%;color:#fff;text-align:center;max-width:100px;justify-self:start;align-self:start;top:40vh}.modal .modal-left{grid-column:1/2;right:8%}.modal .modal-left .icon-arrow-svg{-webkit-transform:scaleX(-1);transform:scaleX(-1);height:75px;width:100px}.modal .modal-right{grid-column:3/4;left:8%}.modal .modal-right .icon-arrow-svg{height:75px;width:100px}.modal .modal-close-btn{position:absolute;grid-column:3;right:0;top:0;margin:25px;max-width:75px;max-height:75px}.modal .modal-close-btn .icon-close{height:75px;width:75px;cursor:pointer}.modal--is-active{display:grid;opacity:1;z-index:1000}@media screen and (max-width:1024px){.modal--is-active{overflow:auto}.modal{background-color:#fff;grid-template-columns:100vw;position:static;min-height:100%}.modal .recipe-center-column{grid-column:1;grid-template-rows:[form-start] auto [form-end image-start] auto [banner-start] 25px [banner-end image-end icons-start] 200px [icons-end productDescription-start] auto [productDescription-end ingredients-start] auto [ingredients-end allergens-start] auto [allergens-end];max-height:none;overflow:visible}.modal .recipe-center-column .form-wrapper{position:relative;top:0;margin:0;justify-self:center;width:100%;background-color:#fff;border-radius:0 0 7px 7px;justify-content:center;grid-template-columns:100%;grid-template-rows:auto auto auto;grid-template-areas:"options" "price" "button";grid-gap:1px}.modal .recipe-center-column .form-wrapper>*{width:auto;margin:auto}.modal .recipe-center-column .form-wrapper>.btn{width:100%}.modal .recipe-center-column .form-wrapper-fixed{position:fixed}.modal .recipe-center-column .image-wrapper{min-width:320px}.modal .recipe-center-column .title{font-size:1.5rem}.modal .recipe-center-column .info-icons{font-size:1rem}.modal .recipe-center-column .ingredients-wrapper .ingredients-flex{grid-template-columns:100%}.modal .recipe-center-column .allergens-wrapper{padding-bottom:100px}.modal .recipe-center-column .modal-padding{padding-left:90px;padding-right:90px}.modal .farmers-market-center-column{grid-column:1;grid-template-columns:100%;grid-template-rows:auto auto;height:auto;max-height:100%;padding:25px 100px;overflow:auto;justify-items:center;border-radius:0}.modal .farmers-market-center-column .product-info-column{max-height:none;min-height:unset;text-align:center;grid-template-areas:"Title" "Description" "LearnMore" "Price" "Form"}.modal .farmers-market-center-column .product-info-column>h5{grid-area:Title;white-space:normal}.modal .farmers-market-center-column .product-info-column .selector-price-wrapper{grid-area:Price;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;align-items:baseline}.modal .farmers-market-center-column .product-info-column .read-more-wrapper{grid-area:Description;text-align:start;margin-bottom:1rem}.modal .farmers-market-center-column .product-info-column .read-more-wrapper .read-more-target{height:20vh}.modal .farmers-market-center-column .product-info-column .learnMore{grid-area:LearnMore;overflow:hidden;text-overflow:ellipsis;white-space:normal}.modal .farmers-market-center-column .product-info-column .learnMore>*{white-space:nowrap}.modal .farmers-market-center-column .product-info-column .form-wrapper{grid-area:Form;align-self:center}.modal .farmers-market-center-column .product-info-column .form-wrapper .quantity-form{flex-direction:column;align-content:center;align-items:center}.modal .modal-controls{z-index:5;position:fixed;cursor:pointer;height:50px;max-height:75%;text-align:center;max-width:50px;justify-self:start;align-self:start;top:auto;bottom:0;margin:25px;box-shadow:0 0 0 8px #0000001a,inset 0 0 0 25px #0100001a;background-color:#fff;border-radius:5%;font-size:0}.modal .modal-controls path{stroke:#000}.modal .modal-left{grid-column:1;left:0;right:auto}.modal .modal-left .icon-arrow-svg{height:50px;width:50px}.modal .modal-right{grid-column:1;right:0;left:auto}.modal .modal-right .icon-arrow-svg{height:50px;width:50px}.modal .modal-close-btn{position:absolute;grid-column:1;right:0;top:0;margin:2%}.modal .modal-close-btn .icon-close{height:50px;width:50px}}@media screen and (max-width:410px){.modal .recipe-center-column .title{font-size:1.1rem}.modal .recipe-center-column .modal-padding{padding-left:50px;padding-right:50px}.modal .farmers-market-center-column{padding:25px 50px}.modal .modal-controls{z-index:5;margin:10px;max-width:30px;max-height:30px}.modal .modal-left .icon-arrow-svg,.modal .modal-right .icon-arrow-svg{height:30px;width:30px}.modal .modal-close-btn{margin:2%}.modal .modal-close-btn .icon-close{height:30px;width:30px}}
/*# sourceMappingURL=/s/files/1/0015/4979/5426/t/54/assets/product-modal.scss.css.map?78970= */