.section-byo,.section-ingredients{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;padding:40px 16px 64px;margin:auto;max-width:max(350px,1200px);justify-items:center}.ingredients,.byo{border-bottom:2px solid #d23c62;margin-block:20px}.title-ingredients{display:grid;grid-template-rows:1fr;place-items:center;background-size:cover;background-position:center;height:clamp(200px,50vw - 68px,556px);position:relative;width:100%}.title-ingredients:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff9;z-index:1;border-radius:20px}.title-ingredients-text{width:100%;position:relative;z-index:2;color:#e8df58;font-size:40px;background-repeat:repeat-x;padding-block:16px 18px}.row-ingredients{display:grid;grid-auto-rows:clamp(120px,16.667vw - 36px,172px);grid-gap:20px;width:100%}.card-ingredients{display:grid;grid-template-columns:120px 1fr;grid-template-rows:1fr auto;grid-gap:8px}.byo-card,.card-ingredients{border-radius:16px;background-repeat:repeat;overflow:hidden}.card-title,.byo-card-title{position:relative;z-index:1;line-height:1}.card-title{padding-block-start:8px;font-size:clamp(20px,3.5vw + .01rem,24px)}.byo-card-title{grid-area:title;font-size:clamp(24px,3.5vw + .01rem,32px);background-color:#d23c62;margin-inline-start:-24px;margin-block-end:16px;padding-inline-start:24px;padding-block:12px;width:calc(100% + 24px);border-radius:0 12px 0 0;box-shadow:-1px 2px 5px #00000026}.card-image,.byo-image{width:100%;height:100%;border-radius:12px 0 0 12px;clip-path:polygon(0% 0%,100% 0%,85% 100%,0% 100%);z-index:2}.byo-card:hover,.card-ingredients:hover{transform:scale(1.03);box-shadow:0 0 3px 1px #00000080;filter:contrast(115%)}.card-ingredients:hover{cursor:pointer}.card-image{grid-row:1 / span 2}.byo-image{grid-area:image}.title-line,.page-title,.dietary-info{color:#fff}.page-title p{margin:4px 8px 0}.page-title,.title-ingredients-text{text-align:center}.card-title,.byo-card-title,.byo-header,.meal-title p{color:#e8df58}.dietary-info{background-color:#d23c62;grid-template-columns:subgrid;grid-column-start:2;position:relative;border-radius:0 0 12px;width:calc(100% + 40px);left:-40px;bottom:0;z-index:1;padding:8px 0 8px 40px;box-shadow:-1px -2px 5px #00000026;font-size:clamp(12px,2.5vw + .01rem,14px);letter-spacing:.2px}.card-details{width:100%;padding-block:16px}.meal-details,.title-ingredients,.card-ingredients,.byo-card,.byo-modal{border:4px solid #d23c62}.meal-details,.title-ingredients{border-radius:24px}.meal-details{margin:auto;position:relative;display:grid;grid-template-columns:1fr;place-items:center;background-color:#fff;width:clamp(350px,75vw + .01rem,800px);box-shadow:0 0 5px #0000004d}.meal-modal{display:none;opacity:1;color:#d23c63;transition:opacity .4s ease-out;position:fixed;height:100%;width:100vw;top:0;left:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffb3;overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.modal-open{position:fixed;top:0;right:0;bottom:0;left:0}.meal-modal .dialog-visible{display:grid}.meal-title{border-radius:20px 20px 0 0;display:grid;grid-template-columns:1fr;place-items:center;padding-block-end:16px}.meal-title h3{text-align:center;padding:16px 20px;font-size:clamp(28px,3.5vw + .01rem,40px);line-height:1.1;margin:auto}.meal-title,.meal-description,.meal-title p{width:100%}.meal-description{font-size:clamp(14px,3.5vw + .01rem,18px);padding-block:0px 40px;padding-inline:max(20px,5vw);max-width:80ch}.meal-description p{margin-block-end:.75lh}.meal-modal-close{position:absolute;right:8px;top:8px;border-radius:20px;background-color:#e7df58;border:0px;color:#d23e63;padding:8px 8px 4px;z-index:100}.meal-modal-close:hover,.byo-modal-close:hover,.byo-button:hover{box-shadow:0 0 8px #0000004d;filter:brightness(1.1);transform:scale(1.05);cursor:pointer}.byo-ingredients{margin:0 16px 8px 24px;display:inline-block;color:#fff}.byo-card{display:grid;grid-template-areas:"image title" "image list";grid-template-columns:120px 1fr;grid-template-rows:80px 1fr;grid-column-gap:16px;min-height:180px;justify-self:center}.byo-card .card-details{grid-area:list}.byo-details{display:grid;grid-template-columns:80px 1fr;grid-gap:16px;max-width:max(325px,80vw);padding-block-end:16px;border-block-end:1px solid rgba(0,0,0,.1)}.byo-details h3{font-size:clamp(20px,3.5vw + .01rem,28px);line-height:1.1}.byo-description{font-size:14px;margin:8px 4px 4px}.byo-button{background-color:#e8df58;color:#d23c62;padding:12px 32px;border-radius:40px;margin:16px auto auto;grid-column:1 / span 2;border:2px solid #d23c62;font-size:14px}.byo-modal-close{background-color:#e8df58;color:#d23c62;padding:12px 32px;border-radius:40px;border:2px solid #d23c62;position:absolute;z-index:999;bottom:24px;justify-self:center;box-shadow:0 0 16px #00000040,0 0 2px #00000080}.byo-header{padding:24px;margin-block-end:24px;clip-path:polygon(3% 0%,100% 0%,97% 100%,0% 100%);font-size:clamp(32px,5vw + .01rem,56px);text-align:center;display:grid;grid-template-columns:1fr;place-items:center}.byo-header-container img{justify-self:center}.byo-modal-header{color:#e7df58;width:min(95vw,1200px);margin-block-start:-8px;padding:24px 40px;position:absolute;clip-path:polygon(3% 0%,100% 0%,97% 100%,0% 100%);font-size:clamp(32px,5vw + .01rem,56px);line-height:1.1;text-align:center;justify-self:center}.byo-header-container{display:grid;grid-template-columns:1fr 50% 1fr;grid-gap:24px;align-content:center;padding-inline:24px;margin:auto;max-width:1600px}.byo-details-container{padding-block:80px;padding-inline:clamp(16px,5vw + .01rem,40px);grid-template-columns:1fr 1fr;grid-gap:24px}.details-container{justify-items:center}.byo-details-container,.details-container{margin-inline:auto;overflow-y:auto;max-height:60vh}.byo-details-container,.byo-modal,.details-container{display:grid}.byo-modal{max-height:80vh;grid-template-columns:1fr;place-content:center;padding:48px 16px 0;position:fixed;top:50;left:50;border-radius:16px;width:clamp(325px,90vw + .01rem,1080px);background-color:#fff}.checkbox{display:block;position:relative;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox input{position:absolute;cursor:pointer;height:0;opacity:0;width:0}.checkbox:hover{color:#e8df58;cursor:pointer}.checkbox input:checked~.checkmark{background-color:#e8df58;border:solid 1px #e33c68}.checkmark{position:absolute;top:0;left:-28px;height:20px;width:20px;background-color:#fff;border-radius:50%}.checkmark:after{content:"";position:absolute;display:none}.checkbox input:checked~.checkmark:after{display:block}.byo-subtitle{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:16px;padding:24px 8px;margin:auto;width:min(100vw,1080px)}.byo-subtitle p{text-align:center;font-size:clamp(16px,3.5vw + .01rem,20px);margin:auto}.yellow-line{width:100%;height:4px;background-color:#e8df58;margin:auto;display:grid;align-self:center}.page-nav-bar{padding-block:40px 24px;border-block-end:4px solid #e7e058}.page-nav-bar h1{text-align:center;color:#e8df58;font-size:clamp(32px,5vw + .01rem,48px)}.page-nav-bar__list{list-style:none;display:flex;flex-flow:row wrap;justify-content:center;margin-block-start:16px}.page-nav-bar__item{color:#e43b6b;background-color:#fff;border-radius:4px;margin:8px;padding:4px 16px;font-size:14px}.page-nav-bar__item a{color:#d23c62}.page-nav-bar__item.active,.page-nav-bar__item:hover{background-color:#e8df58}.dialog-hidden{display:none}@keyframes zoomin{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.dialog-visible{display:flex;justify-content:center;align-items:center;position:fixed;height:100%;width:100%;top:0;left:0;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffb3}.dialog-visible .byo-modal,.dialog-visible .meal-details{animation:zoomin .12s ease-out;transform-origin:center center}.mfp-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:16px}.mfp-text-container{transform:skew(-8deg);background-color:#d23e63;padding:32px 24px;margin-inline-start:-24px}.mfp-top{border-radius:0 0 16px}.mfp-bottom{border-radius:0 16px 0 0}.mfp-text-container h2{font-size:clamp(24px,3.5vw + .01rem,40px);color:#fff;text-align:right;width:100%;transform:skew(8deg);line-height:1.1}.mfp-link-container{display:grid;grid-template-columns:1fr}.mfp-link-container a{color:#d23e63;text-decoration:underline;text-underline-offset:6px;font-size:14px;letter-spacing:.25px;padding-block-end:8px}.mfp-container img{padding-block-start:8px}.meal-description h4{margin-block-start:8px;line-height:1.2}@media screen and (min-width: 1200px){.byo-card h3+div{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:48px}}@media screen and (max-width: 1199px){.byo-card h3+div{grid-template-columns:1fr;grid-auto-rows:unset}.row-ingredients{grid-auto-rows:unset}}@media screen and (max-width: 799px){.mfp-container{grid-gap:4px}.mfp-text-container{padding-inline:16px}.byo-card,.card-ingredients,.title-ingredients{width:90vw}.byo-card{grid-template-areas:"image title" "list list";grid-template-rows:80px 1fr;grid-template-columns:80px 1fr;grid-column-gap:12px}.byo-card .card-details{margin-inline:12px}.byo-card-title{height:100%}.byo-card-title,.byo-card-title span{display:flex}.byo-card-title span{align-self:center}.byo-image{border-radius:0}.card-ingredients{margin:auto}.section-ingredients,.section-byo,.byo-details-container{grid-template-columns:1fr;justify-items:center}.byo-header-container img,.yellow-line{display:none}.byo-header-container{grid-template-columns:1fr;margin-inline:16px}.meal-description{padding-inline:16px}.byo-modal{padding-inline:0px}.byo-button{grid-column:1 / span 1}.byo-subtitle p{grid-column:1 / span 3;margin-block:-16px}.row-ingredients{grid-auto-rows:auto;margin-block:4px}.byo-ingredients{margin-block:4px}.meal-title h3{padding:48px 4px 16px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/ingredients-styles.css.map */