https://www.bonappetit.com/verso/static/5263.985c5fb11188a3550ab1.js

1"use strict";(globalThis.webpackChunkverso=globalThis.webpackChunkverso||[]).push([[5263],{45516(t,e,n){n.d(e,{A:()=>l});var r=n(96540),i=n(5556),s=n.n(i),o=n(55364),a=n.n(o);const l=(t,e)=>(n,i="mutation")=>{const o=n.displayName||n.name,l={window:e||window};class c extends r.Component{constructor(e){super(e),this.updateMutation=t=>{const e=t.querySelectorAll(":not(div)").length>0;this.setState({hasBeenInjected:e})},this.render=()=>{const t={[i]:{[this.element.name]:this.state.hasBeenInjected}},e=a()({},this.props,t);return r.createElement(n,{...e})},this.state={hasBeenInjected:!1},this.element=e.element||t}componentDidMount(){this.attachObserver()}componentDidUpdate(e){e.element!==this.props.element&&(this.element=this.props.element||t,this.detachObserver(),this.attachObserver())}componentWillUnmount(){this.detachObserver()}attachObserver(){const t=l.window.document.querySelectorAll(`.${this.element.className}, .${this.element.className} .consumer-marketing-unit__slot + div`);if(0===t.length)return void(this.retryTimer=setTimeout(this.attachObserver.bind(this),500));t.forEach(t=>{this.updateMutation(t),this.observer=new l.window.MutationObserver(()=>this.updateMutation(t)),this.observer.observe(t,{childList:!0,subtree:!0})})}detachObserver(){this.retryTimer&&clearTimeout(this.retryTimer),this.observer&&this.observer.disconnect()}}return c.displayName=`withMutationState(${o})`,c.propTypes={element:s().shape({name:s().string,className:s().string})},c}},68545(t,e,n){n.d(e,{A:()=>l});var r=n(96540),i=n(5556),s=n.n(i),o=n(55364),a=n.n(o);const l=(t,e)=>(n,i="visibility")=>{const o=n.displayName||n.name,l={window:e||window};class c extends r.Component{constructor(e){super(e),this.updateVisibility=t=>{const[{isIntersecting:e,isVisible:n}]=t,r=e&&(void 0===n||n);this.state.isVisible!==r&&this.setState({isVisible:r})},this.render=()=>{const t={[i]:{[this.element.name]:this.state.isVisible}},e=a()({},this.props,t);return r.createElement(n,{...e})},this.state={isVisible:!1},this.element=e.element||t}componentDidMount(){this.attachObserver()}componentDidUpdate(e){e.element!==this.props.element&&(this.element=this.props.element||t,this.detachObserver(),this.attachObserver())}componentWillUnmount(){this.detachObserver()}attachObserver(){const t=l.window.document.querySelector(`.${this.element.className}`);t?(this.observer=new l.window.IntersectionObserver(this.updateVisibility,{threshold:[.001,.999],trackVisibility:!0,delay:100}),this.observer.observe(t)):this.retryTimer=setTimeout(this.attachObserver.bind(this),500)}detachObserver(){this.retryTimer&&clearTimeout(this.retryTimer),this.observer&&this.observer.disconnect()}}return c.displayName=`withVisibilityState(${o})`,c.propTypes={element:s().shape({name:s().string,className:s().string})},c}},26865(t,e,n){n.d(e,{C_:()=>M,FM:()=>g,Gg:()=>v,H4:()=>k,HK:()=>p,Kq:()=>d,Kw:()=>y,L7:()=>O,Pp:()=>w,R9:()=>S,Xm:()=>T,_o:()=>b,cr:()=>V,fl:()=>$,iL:()=>h,iq:()=>N,nd:()=>q,nv:()=>m,pe:()=>f,t6:()=>x,ty:()=>I});var r=n(58156),i=n.n(r),s=n(72115),o=n.n(s),a=n(38267),l=n(72462),c=n(96472),u=n(65606);const h=8;function d(t=1,e="rem"){const n=h*t,r="rem"===e?n/16/1+"rem":1*n+"px";return r||null}function m(t,e,n="dev"===u.env.BUILD_ENV){if(!t||0===Object.keys(t).length)return null;if(!e||0===e.length)return null;const r=e.split(".").reduce((t,e)=>t&&t[e],t);if(void 0===r){if(n)throw new Error(`Invalid theme token ${e} provided`);return null}return r}function p(...t){if("string"==typeof t[0])return({theme:e})=>p(e,...t);const[e,n,r={}]=t,i=m(e,n),s=i?m(e,`colors.palette.${i}`):null;return r.rgbOnly&&s?s.slice(5,s.length-3):s}function b(...t){if("string"==typeof t[0])return({theme:e})=>b(e,...t);const[e,n,r]=t;return`\n    ${`--${n}__token-name: "${r}"`};\n    ${`${n}: ${p(e,r)}`}\n  `}function v(...t){if("string"==typeof t[0])return({theme:e})=>v(e,...t);const[e,n]=t;if(!m(e,n))return null;const r=n.split(".").slice(2).map(t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()).join("-");return`\n    font: var(--font-${r});\n    font-feature-settings: var(--variant-${r}, normal);\n    text-transform: var(--text-case-${r}, normal);\n    letter-spacing: var(--tracking-${r}, normal);\n    line-break: var(--line-break-${r}, normal);\n    overflow-wrap: var(--overflow-wrap-${r}, normal);\n  `}function f(...t){if("string"==typeof t[0]||null===t[0])return({theme:e})=>f(e,...t);const[e,n=null,r=null,i="default"]=t,s="global"===i?c.ob:m(e,`interactive.links.${i||"default"}`);if(!s)return"";const{link:o,visited:a,hover:l,active:u,focus:h}=s,d=p(e,n||"colors.consumption.body.standard.body"),b=p(e,r),v=b&&d!==b?b:d;return`\n    color: ${d};\n    cursor: pointer;\n    &:link {\n      text-decoration: ${"null"===o.style?"inherit":o.style};\n      color: ${d};\n    }\n    &:visited {\n      text-decoration: ${"null"===a.style?"inherit":a.style};\n      color: ${d};\n    }\n    &:hover {\n      color: ${v};\n      text-decoration: ${"null"===l.style?"inherit":l.style};\n    }\n    &:active {\n      color: ${v};\n      text-decoration: ${"null"===u.style?"inherit":u.style};\n    }\n    &:focus {\n      color: ${v};\n      text-decoration: ${"null"===h.style?"inherit":h.style};\n    }\n    transition-property: color, background, text-shadow;\n    transition-duration: 0.2s;\n    transition-timing-function: ease-in-out;\n  `}function y(){return"\n    &:hover,\n    &:active {\n      text-decoration: none;\n    }\n  "}function $(t){return c.KV[t]||0}function g(t,e,n){const r=function(t,e){const n=c.SI[t][e];return c.xD[n]}(e,n),i=p(t,r);return`\n${"border"===n?`border-width: 1px;\n      border-style: solid;\n      border-color: ${i};`:""}\n${"background"===n?`background-color: ${i};`:""}\n${"text"===n?`color: ${i};`:""}\n${"icon"===n?`fill: ${i};\n      ${"disabled"===e?"pointer-events: none;":""}`:""}\n  `}function w(t,e){const n=m(t,`decorations.${e}`);if(!n)return null;switch(n.type){case"graphic-border-simple":return(0,l.SS)(n);case"graphic-border-full":return(0,l.$v)(n);case"badge":return(0,l.Xb)(n);case"background":return(0,l.ux)(n);case"none":return null;default:return`${n}px`}}function x(){return"\n    &::after {\n      display: table;\n      clear: both;\n      content: '';\n    }\n  "}function k(t){return`@media (min-width: ${t})`}function O(t){return`@media (max-width: ${t})`}function T(t,e){return`@media (min-width: ${t}) and (max-width: ${e})`}const S=(t,e,n)=>r=>{const s=i()(r,t);return!("function"==typeof e?e:o()(e))(s)?"":n};function V(){return"\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    visibility: initial;\n    opacity: 0;\n    margin: 0;\n    cursor: inherit;\n    padding: 0;\n    width: 100%;\n    height: 100%;\n  "}const N=({palette:t})=>"inverted"===t,I=({palette:t})=>"transparent"===t;function M(t,e){const n=m(t,e?`${e}.family`:"typography.definitions.consumptionEditorial.body-core.family"),r=m(t,`typography.typefaces.${n}`);return r&&r.textBoxTrim?a.AH`
2        text-box: trim-both text alphabetic;
3      `:""}const q=a.AH`
4  picture {
5    transition: transform 0.3s ease;
6
7    img {
8      transition: filter 0.3s ease;
9    }
10  }
11
12  &:hover picture,
13  &:focus picture {
14    transform: scale(1.03);
15
16    img {
17      filter: brightness(1.05);
18    }
19  }
20`},41598(t,e,n){n.d(e,{qn:()=>r.q,ti:()=>s});var r=n(67616);const i=new Set(["commerce-product","contentreference","product"]),s=t=>i.has(t)}}]);