(globalThis.webpackChunkverso=globalThis.webpackChunkverso||[]).push([[4139],{45618:(e,t,i)=>{const o=i(32485),a=i(5556),n=i(96540),{DiscoverySelectionControlLabelWrapper:r,DiscoverySelectionControlStyledCheckbox:d,DiscoverySelectionControlNativeCheckbox:s,DiscoverySelectionControlStyledRadio:l,DiscoverySelectionControlNativeRadio:c,DiscoverySelectionControlContext:g,DiscoverySelectionControlHed:p,DiscoverySelectionControlDek:m}=i(69741),{trackComponent:$}=i(92716),{interactionResponse:h}=i(56187),u=({className:e,dangerousContext:t,dangerousDek:i,dangerousHed:a,descriptor:u,formName:b,index:y,inputAttributes:w,invalidElements:f,isChecked:v,isDefaultChecked:x,isDisabled:N,name:k,onChangeHandler:C,value:P,variations:S={inputType:"checkbox"},variationName:L})=>{n.useEffect((()=>{(async()=>{await h(),$("Discovery",L)})()}),[L]);const M=`${b}-discovery-selection-control-${k}-${y}`,{inputType:T}=S,A={...w,"aria-describedby":f&&f.has(M)?f.get(M):void 0,"data-descriptor":u,checked:v,defaultChecked:x,disabled:N,id:M,name:k,onChange:C,type:T,value:P,inputType:T};return n.createElement(r,{className:o("discovery-selection-control",e),isDisabled:N,inputType:T,htmlFor:M,"data-testid":"discovery-selection-label"},t&&n.createElement(g,{isDisabled:N,dangerouslySetInnerHTML:{__html:t},"data-testid":"discovery-selection-context"}),"checkbox"===T&&n.createElement(n.Fragment,null,n.createElement(s,{...A,"data-testid":"discovery-selection-checkbox"}),n.createElement(d,{inputType:T,"data-testid":"discovery-selection-checkbox"})),"radio"===T&&n.createElement(n.Fragment,null,n.createElement(c,{...A,"data-testid":"discovery-selection-radio"}),n.createElement(l,{inputType:T})),n.createElement(p,{className:"discovery-selection-control__hed",isDisabled:N,dangerouslySetInnerHTML:{__html:a},"data-testid":"discovery-selection-hed"}),i&&n.createElement(m,{isDisabled:N,dangerouslySetInnerHTML:{__html:i},"data-testid":"discovery-selection-dek"}))};u.propTypes={className:a.string,dangerousContext:a.string,dangerousDek:a.string,dangerousHed:a.string.isRequired,descriptor:a.string,formName:a.string.isRequired,index:a.number.isRequired,inputAttributes:a.object,invalidElements:a.instanceOf(Map),isChecked:a.bool,isDefaultChecked:a.bool,isDisabled:a.bool,name:a.string.isRequired,onChangeHandler:a.func,value:a.string.isRequired,variationName:a.string,variations:a.shape({inputType:a.oneOf(["checkbox","radio"])})},e.exports=u},39939:(e,t,i)=>{e.exports=i(8037)},8037:(e,t,i)=>{const{asVariation:o}=i(81372),a=i(63050),n=i(45618),r=a(n);n.Checkbox=o(r,"Checkbox",{inputType:"checkbox"}),n.Radio=o(r,"Radio",{inputType:"radio"}),e.exports=n},20970:(e,t,i)=>{const{default:o,css:a}=i(92168),{calculateSpacing:n,getColorStyles:r,getColorToken:d}=i(26865),{BREAKPOINTS:s}=i(96472),{BaseText:l}=i(18730),{INTERACTIVE:{timingButtonDefault:c}}=i(96472),g=i(86157),p=o.div.withConfig({displayName:"NewsletterCardStyledCheckbox"})`
  grid-area: 1 / 2 / span 2 / -1;
  justify-self: end;

  ${(({selectionControlBackgroundColor:e,selectionControlBorderColor:t})=>a`
    position: relative;
    transition-property: background, border;
    transition-duration: ${c};
    transition-timing-function: ease-in;
    border-width: 2px;
    border-style: solid;
    ${({theme:e})=>r(e,"border-color",t)};
    ${({theme:t})=>r(t,"background-color",e)};
    border-radius: 50%;
    padding: ${n(1.2)};
    width: 2.25rem;
    height: 2.25rem;
    font-weight: bold;
    pointer-events: none;
  `)({selectionControlBackgroundColor:"colors.interactive.base.white",selectionControlBorderColor:"colors.interactive.base.brand-primary"})}

  &::before,
  &::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform ${c} ease-in-out;
    background-color: ${d("colors.interactive.base.brand-primary")};
    width: 2px;
    height: 10px;
    content: '';
  }

  &::before {
    transform: translate(-50%, -50%);
  }

  &::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
`,m=({selectionControlBackgroundColor:e,theme:t})=>`\n  &:focus\n  {\n   + ${p} {\n      outline: 1px solid;\n      outline-color: ${d("colors.interactive.base.brand-secondary")};\n      outline-offset: 1px;\n    }\n  }\n  &:hover\n  {\n   + ${p} {\n      @media (min-width: ${s.md}) {\n        ${r(t,"background-color","colors.interactive.base.brand-primary")};\n        &::before,\n        &::after {\n          ${r(t,"background-color","colors.interactive.base.white")};\n        }\n      }\n    }\n  }\n    &:checked,\n    &:active {\n      + ${p} {\n        \n        ${r(t,"background-color",e)};\n\n        ${r(t,"border-color",e)};\n\n        &::before,\n        &::after {\n          ${r(t,"background-color","colors.interactive.base.white")};\n        }\n        &::before {\n          transform: translate(55%, -50%) rotate(45deg);\n          height: 15px;\n          border-width: 8px;\n        }\n        &::after {\n          transform: translate(0, 0) rotate(-50deg);\n          height: 8px;\n          border-left: 0;\n          border-bottom: 0;\n          background: white;\n          left: 30%;\n          top: 45%;\n        }\n      }\n    }\n  `,$=o.input.withConfig({displayName:"NewsletterCardNativeCheckbox"})`
  ${({theme:e,disabled:t})=>(({theme:e,disabled:t})=>t?a`
        ${m({selectionControlBackgroundColor:"colors.interactive.base.deemphasized",theme:e})}
      `:a`
        ${m({selectionControlBackgroundColor:"colors.interactive.base.brand-primary",theme:e})}
      `)({theme:e,disabled:t})}
`,h=o.div.withConfig({displayName:"NewsletterCardWrapper"})`
  display: grid;
  position: relative;
  grid-auto-rows: min-content;
  grid-template-columns: 1fr auto;
  border: 1px solid ${d("colors.foundation.menu.dividers")};
  padding: ${n(1.5)};
  gap: ${n(1.5)};

  input[type='checkbox'] {
    top: 12px;
    right: 12px;
    left: auto;
    cursor: pointer;
    width: 2.25rem;
    height: 2.25rem;
  }

  @media (min-width: ${s.md}) {
    min-height: 260px;
  }

  @media (max-width: calc(${s.md} - 1px)) {
    input[type='checkbox'] {
      top: auto;
      right: 12px;
      bottom: 12px;
      left: auto;
      width: 2.25rem;
      height: 2.25rem;
    }

    > input[type='checkbox'],
    > .checkbox {
      display: none;
    }
  }
`,u=o(l).withConfig({displayName:"NewsletterCardHed"})`
  grid-column: 1/2;
`;u.defaultProps={as:"div",colorToken:"colors.interactive.base.black",typeIdentity:"typography.definitions.utility.card-heading"};const b=o(g).withConfig({displayName:"NewsletterCardAsset"})`
  max-width: 4rem;

  img {
    max-width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
  }

  @media (max-width: calc(${s.md} - 1px)) {
    grid-column: 2 / -1;
    grid-row: 1 / 4;
  }
`,y=o(l).withConfig({displayName:"NewsletterCardAlertBadge"})`
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid ${d("colors.interactive.base.border")};
  border-radius: ${n(3.5)};
  padding: ${n(.5)} ${n(1)};
  max-width: fit-content;
`;y.defaultProps={as:"span",colorToken:"colors.interactive.base.deemphasized",typeIdentity:"typography.definitions.utility.assistive-text"};const w=o(l).withConfig({displayName:"NewsletterCardDek"})`
  grid-column: 1/-1;
  @media (min-width: ${s.md}) {
    margin-bottom: ${n(4)};
  }
  @media (max-width: ${s.md}) {
    ${({alertBadge:e})=>e.length<1&&a`
        grid-column: 1/2;
      `}
  }
`;w.defaultProps={as:"div",colorToken:"colors.interactive.base.body",typeIdentity:"typography.definitions.utility.body"};const f=o.div.withConfig({displayName:"NewsletterCardPreviewWrapper"})`
  display: flex;

  grid-column: 1/3;
  align-items: center;
  gap: ${n(1.2)};

  @media (min-width: ${s.md}) {
    position: absolute;
    bottom: 0;
    grid-column: 1/-1;
    margin: ${n(.5)} 0 ${n(1)};

    > input[type='checkbox'],
    > .checkbox {
      display: none;
    }
  }
`,v=o(l).withConfig({displayName:"NewsletterCardPreviewFrequencyBadge"})`
  &::after {
    border-right: 1px solid ${d("colors.interactive.base.border")};
    padding-right: ${n(1.3)};
    content: '';
  }
`;v.defaultProps={as:"span",colorToken:"colors.interactive.base.deemphasized",typeIdentity:"typography.definitions.utility.button-bulletin"};const x=o(l).withConfig({displayName:"NewsletterCardPreviewLink"})`
  flex: 1;
  outline-color: ${d("colors.interactive.base.brand-secondary")};
  text-decoration: none;
`;x.defaultProps={as:"a",colorToken:"colors.interactive.base.brand-primary",typeIdentity:"typography.definitions.utility.button-bulletin"},e.exports={NewsletterCardWrapper:h,NewsletterCardStyledCheckbox:p,NewsletterCardNativeCheckbox:$,NewsletterCardAsset:b,NewsletterCardAlertBadge:y,NewsletterCardHed:u,NewsletterCardPreviewLink:x,NewsletterCardPreviewWrapper:f,NewsletterCardPreviewFrequencyBadge:v,NewsletterCardDek:w}},11741:(e,t,i)=>{const{default:o,css:a}=i(92168),{BaseText:n,BaseLink:r}=i(76955),{BREAKPOINTS:d}=i(96472),{calculateSpacing:s,getColorToken:l,minScreen:c,maxScreen:g,minMaxScreen:p,getTypographyStyles:m,getLinkStyles:$,getColorStyles:h}=i(26865),{maxThresholds:u}=i(99906),b=i(30543),{BasePageSiteFooterRow:y}=i(4081),w=i(86659),f=i(50829),v=i(72983),x=i(60521),N=i(73730),k=i(14340),C=i(39939),{ResponsiveImagePicture:P,ResponsiveImageContainer:S}=i(7228),{AspectRatioContainer:L}=i(7044),{UtilityValidationDescriptionWrapper:M}=i(69195),{DiscoverySelectionControlLabelWrapper:T}=i(69741),{StickyBoxPrimary:A}=i(77307),{GridItem:E}=i(40653),{UtilitySelectionControlLabelWrapper:I}=i(20404),{TextFieldWrapper:_,TextFieldLabelText:B,TextFieldControlInput:D,TextFieldErrorText:H}=i(60434),{MessageBannerWrapper:R,MessageBannerTitle:F,MessageBannerContent:W}=i(8070),j=`\n  grid-column: span 4;\n  ${p(0,d.md)} {\n    margin-right: ${s(2)};\n    margin-left: ${s(2)};\n  }\n  ${c(d.md)} {\n    grid-column: 2 / span 10;\n  }\n  ${c(d.lg)} {\n    grid-column: 3 / span 8;\n  }\n`,O="\n  animation-name: slide-up;\n  animation-duration: 300ms;\n  animation-timing-function: ease-out;\n\n  @keyframes slide-up {\n    0% {\n      transform: translateY(100%);\n    }\n    100% {\n      transform: translateY(0);\n    }\n  }\n",U=o(b).withConfig({displayName:"NewsLetterManagePage"})`
  && {
    background-color: ${l("colors.background.light")};
    ${M} {
      ${j}
    }
  }

  ${({hasFooterMargins:e})=>!e&&`\n    ${y} {\n      margin-top: unset;\n    }\n  `}
`,z=o(w.NoMargins).withConfig({displayName:"NewsLetterManagePageGrid"})`
  > ${E}:first-child {
    grid-column: span 4;
    ${c(d.md)} {
      grid-column: 2 / span 10;
    }
    ${c(d.lg)} {
      grid-column: 3 / span 8;
    }
  }
  > ${E}:last-child {
    grid-column: 1 / -1;
  }

  && {
    ${c(d.md)} {
      margin-bottom: ${s(6)};
    }
    ${S} {
      max-height: 184px;
    }
    ${({hasAlternateNewsletterStyle:e})=>e&&a`
        ${({brand:e})=>["ALLURE"].includes(e)?a`
                background-color: ${l("colors.interactive.base.white")};
              `:a`
                background-color: ${l("colors.background.white")};
              `}
        max-width: none;
        gap: ${s(0)};
        ${c(d.md)} {
          margin-bottom: ${s(0)};
        }
      `}
  }
`,q=o(f.ContentLeftNoBackground).withConfig({displayName:"NewsLetterManagePageLede"})`
  padding: ${s(9)} ${s(2)} 0;
  ${p(0,d.md)} {
    text-align: center;
  }
  ${c(d.md)} {
    padding: ${s(12)} 0 ${s(2)};
  }
  ${p(0,d.md)} {
    margin-right: ${s(2)};
    margin-left: ${s(2)};
    ${({hasAlternateNewsletterStyle:e})=>e&&`margin-right: ${s(3)};\n        margin-left: ${s(3)};\n     `}
  }
  ${({hasAlternateNewsletterStyle:e})=>e&&a`
      && {
        padding: ${s(4)} 0;
        text-align: center;

        h1 {
          ${m("typography.definitions.utility.heading")};
          ${h("color","colors.interactive.base.black")}
        }

        h2 {
          ${m("typography.definitions.utility.description")}
          ${h("color","colors.interactive.base.body")}
        }

        a {
          ${h("color","colors.interactive.base.brand-primary")};
          text-decoration: underline;
        }

        @media (max-width: ${d.md}) {
          text-align: left;
        }
      }
    `}
  ${({hasAlternateNewsletterStyle:e,brand:t})=>e&&!["VF","GQ","VOGUE","AD","GLM","EPI","BNA"].includes(t)&&a`
      && {
        a {
          text-decoration: none;
        }
      }
    `}
`,G=o(v).withConfig({displayName:"NewsLetterManagePageNewsLetterSubscribeForm"})`
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, 1fr);

  ${c(d.md)} {
    grid-template-columns: repeat(12, 1fr);
  }

  ${({hasAlternateNewsletterStyle:e,shouldShowError:t})=>e&&!t&&a`
      ${D} {
        /* stylelint-disable */
        border-color: ${l("colors.interactive.base.light")} !important;
        color: ${l("colors.interactive.base.black")} !important;
        /* stylelint-enable */
      }
    `}

  ${({hasAlternateNewsletterStyle:e,shouldShowError:t})=>e&&t&&a`
      ${D} {
        /* stylelint-disable */
        border-color: ${l("colors.interactive.feedback.invalid-primary")} !important;
        color: ${l("colors.interactive.feedback.invalid-primary")} !important;
        /* stylelint-enable */
      }
    `}

  ${({hasAlternateNewsletterStyle:e})=>e&&a`
      ${({brand:e})=>["ALLURE"].includes(e)?a`
              background-color: ${l("colors.interactive.base.white")};
            `:a`
              background-color: ${l("colors.background.white")};
            `}

      .utility-validation-description {
        display: none;
      }

      .grecaptcha-badge {
        visibility: hidden;
      }
    `}
`,V=o("div").withConfig({displayName:"NewsLetterManagePageSelectionControlListItems"})`
  ${({showListInColumns:e,hasAlternateNewsletterStyle:t,hasOnlyTwoItems:i})=>e&&`\n    @media (min-width: ${d.md}) {\n      grid-template-columns: repeat(\n        ${i||!t?2:3},\n        1fr);\n    }\n    `}
  ${T} {
    border-bottom: 1px solid;
    ${({theme:e})=>h(e,"border-color","colors.discovery.body.white.divider")};
    padding: ${s(4)} 0;
  }
`,Y=o("div").withConfig({displayName:"NewsletterCategoryWrapper"})`
  padding-bottom: ${s(4)};
`,K=o(n).withConfig({displayName:"NewsletterSectionHed"})`
  display: block;
  grid-column: 1/2;
  ${({brand:e})=>["GQ"].includes(e)?a`
          border-top: ${s(.5)} solid;
        `:a`
          border-top: ${s(1/8)} solid;
        `}
  ${({theme:e})=>h(e,"border-color","colors.interactive.base.body")};
  padding-top: ${s(1)};
  padding-bottom: ${s(2)};
`;K.defaultProps={as:"div",colorToken:"colors.interactive.base.body",typeIdentity:"typography.definitions.discovery.subhed-section-collection"};const Q=o(C.Checkbox).withConfig({displayName:"NewsLetterManagePageItem"})`
  && {
    ${({showListInColumns:e})=>e&&a`
        && {
          @media (min-width: ${d.md}) {
            &:nth-last-child(2) {
              border: 0;
            }

            &:last-of-type {
              border: 0;
            }
          }
        }
      `}

    &&:first-child {
      padding-top: 0;
    }

    &:first-of-type {
      padding-top: 0;
    }

    @media (min-width: ${d.sm}) {
      &:last-of-type {
        border: 0;
        padding-bottom: 0;
      }
    }
  }
`,J=o(x).withConfig({displayName:"NewsLetterManagePageCard"})`
  ${j}
  margin-bottom: ${s(4)};

  ${({hasAlternateNewsletterStyle:e})=>e&&a`
      padding: ${s(0)};
      ${g(d.md)} {
        margin: 0 ${s(3)} ${s(4)};
      }
    `}

  ${({showListInColumns:e,hasAlternateNewsletterStyle:t})=>e&&a`
      &&& ${V} {
        ${g(d.md)} {
          ${({hasAlternateNewsletterStyle:e})=>e&&`display: grid;\n            grid-gap: ${s(2)};\n          `}
        }
        ${c(d.md)} {
          display: grid;
          position: relative;
          grid-gap: ${t?s(2):"2.5rem"};
          grid-template-areas: 'discovery-selection-control';
          margin: 0 auto;
          padding-right: 0;
          padding-left: 0;

          ${T} {
            padding-top: 0;
          }
        }

        ${Q} {
          /*  This is making sure that the border bottom is removed on all the elements at the last row of the grid
           more here: https://keithclark.co.uk/articles/targeting-first-and-last-rows-in-css-grid-layouts/ */
          ${c(d.md)} {
            &:nth-child(2n):nth-last-child(-n + 3) ~ label {
              border: 0;
              padding-bottom: 0;
            }
          }
        }
      }
    `}
`,Z=o(n).withConfig({displayName:"NewsLetterManagePageDisclaimer"})`
  ${({showMarketingCheckboxes:e})=>"text-align: "+(e?"left":"center")};
  ${m("typography.definitions.utility.assistive-text")}
  grid-column-start: 2;
  color: ${l("colors.interactive.base.dark")};

  p {
    margin: 0;
  }

  a {
    ${({theme:e})=>$(e,"colors.consumption.body.standard.link","colors.consumption.body.standard.link-hover")};
  }
  ${({newsletterPalette:e,theme:t})=>e&&`color: ${l("colors.interactive.base.white")};\n        a {\n          ${$(t,"colors.interactive.base.brand-secondary","colors.consumption.body.standard.link-hover")};\n        }\n     `}
`;Z.defaultProps={as:"div"};const X=o(N.Utility).withConfig({displayName:"NewsLetterManagePageAutenticatedSubmitButton"})`
  margin: 0 auto;
`,ee=o("div").withConfig({displayName:"NewsLetterManagePageSubmitContainer"})`
  ${j}
  ${({showStickySubmit:e})=>e&&a`
      && {
        display: grid;
        bottom: 0;
        grid-column: 1 / -1;
        border-top: 1px solid
          ${l("colors.discovery.body.white.divider")};
        border-bottom: 1px solid
          ${l("colors.discovery.body.white.divider")};
        background: ${l("colors.background.light")};
        padding: ${s(4)} 0;
        max-width: unset;
        ${c(d.md)} {
          grid-template-columns: repeat(12, 1fr);
          padding: ${s(5)} 0;
          ${A} {
            grid-column: 3 / span 8;
          }
        }
        ${c(d.lg)} {
          ${A} {
            grid-column: 4 / span 4;
          }
        }
      }
    `}
  ${({newsletterPalette:e})=>e&&`background: ${l("colors.foundation.footer.bg")};\n  `}
  ${I} {
    margin: ${s(.5)} ${s(0)}
      ${s(1)};
  }
`,te=o(k).withConfig({displayName:"NewsLetterManagePagePreferencesSecondaryOptins"})`
  margin-top: ${s(4)};
  border-top: 1px solid ${l("colors.discovery.body.white.divider")};
  padding-top: ${s(4)};
`,ie=o("div").withConfig({displayName:"NewsLetterManagePageSubmitModel"})`
  position: relative;

  .closebtn {
    display: none;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    border: none;
    background: no-repeat;
    padding: 0;

    svg {
      fill: ${l("colors.interactive.base.border")};
    }
  }

  ${({hideTextField:e})=>e&&a`
      box-shadow: 0 0 24px 0 rgba(45, 45, 45, 0.16);
      background-color: ${l("colors.interactive.base.white")};
      padding: ${s(2)} ${s(3)}
        ${s(4)};
    `}

  ${({signedUpUser:e})=>e&&a`
      .closebtn {
        display: block;
      }
    `}

  ${c(d.xl)} {
    box-shadow: none;
    background: transparent;
  }

  ${_} {
    grid-template-columns: auto;
    row-gap: 1rem;

    button {
      border-color: ${l("colors.interactive.base.brand-primary")};
      background-color: ${l("colors.interactive.base.brand-primary")};
    }
  }

  ${B} {
    ${m("typography.definitions.utility.description")};
    margin-bottom: ${s(1)};
  }

  ${({isSingleNewsletter:e})=>e&&`\n    width: ${s(45.375)};\n  `}
`,oe=()=>a`
  box-shadow: none;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 1) 50%
  );

  ${({hasPreferenceChanged:e})=>e&&a`
      box-shadow: inherit;
      background: transparent;
    `}
`,ae=a`
  ${c(d.xl)} {
    .closebtn {
      display: block;
    }

    ${({hideTextField:e})=>e?oe:a`
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 9999;
            max-height: unset;
            ${ie} {
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              background-color: #fff;
              z-index: 10000;
              overflow: auto;
              border-radius: 8px;
              padding: ${s(8)} ${s(3)}
                ${s(12)};
            }
          `}
    ${A} {
      grid-column: 5 / span 4;
    }
  }
`,ne=a`
  &&& {
    box-shadow: none;
  }

  ${Z} {
    text-align: left;
  }

  ${p(d.md,`${u.xl}px`)} {
    ${ie} {
      width: fill-available;
    }
  }

  ${c(d.xl)} {
    ${ie} {
      width: ${s(45.375)};
    }
  }
`,re=o("div").withConfig({displayName:"NewsLetterManagePageSubmitModelWrapper"})`
  ${({showStickySubmit:e,isFewerNL:t})=>e&&a`
      display: grid;
      bottom: 0;
      grid-column: 1 / -1;
      grid-template-columns: repeat(12, 1fr);
      background: transparent;
      max-width: unset;

      ${({hasUpdatedPrefs:e})=>e?a`
              max-height: 500px; //random height for animation
              ${O}
            `:a`
              max-height: 0;
              animation-name: slide-down;
              animation-duration: 300ms;
              animation-timing-function: ease-out;

              @keyframes slide-down {
                0% {
                  transform: translateY(0);
                }
                100% {
                  transform: translateY(100%);
                }
              }
              overflow: hidden;
              transition: max-height 0.3s;
            `}

      ${Z} {
        text-align: left;
      }

      ${g(d.lg)} {
        ${A} {
          grid-column: 1 / -1;
        }
      }

      ${c(d.lg)} {
        ${A} {
          grid-column: 4 / span 6;
        }
      }

      ${!t&&ae}
    `}

  ${({isSingleNewsletter:e})=>e&&ne}
`,de=o("div").withConfig({displayName:"NewsLetterManagePageSubmitModelTextField"})`
  box-shadow: 0 0 24px 0 rgba(45, 45, 45, 0.16);
  background-color: ${l("colors.interactive.base.white")};
  ${({isSingleNewsletter:e})=>!e&&O};

  .selection-control-list__item:last-of-type {
    padding-top: 0;
  }

  .selection-control-list__item {
    grid-column-gap: ${s(1.5)};
  }

  ${g(d.md)} {
    padding: ${s(4)} ${s(3)}
      ${s(3)};

    ${({hasMarketingPermissions:e})=>e&&`\n      ${_} button {\n        margin-top: 0;\n      }\n    `}
  }

  ${p(d.md,`calc(${d.lg} - 1px)`)} {
    padding: ${s(4)} ${s(6)}
      ${s(3)};
  }

  ${p(d.lg,`calc(${d.xl} - 1px)`)} {
    padding: ${s(3)} ${s(2)}
      ${s(4)};
  }

  ${c(d.xl)} {
    animation: none;
    box-shadow: none;
    background: transparent;
  }

  ${({errorPosition:e})=>"belowTextField"===e&&`\n    ${H} {\n      margin-top: ${s(-1)};\n    }\n  `};
`,se=o("div").withConfig({displayName:"NewsLetterManagePageSubmitModelSignUpBtn"})`
  background-color: ${l("colors.interactive.base.brand-primary")};
  width: 100%;
`,le=o("div").withConfig({displayName:"NewsLetterManagePageSubmitModelSignUpedWrapper"})`
  display: grid;
  gap: 1rem;
  box-shadow: 0 0 24px 0 rgba(45, 45, 45, 0.16);
  background-color: ${l("colors.interactive.base.white")};
  padding-bottom: ${s(1.5)};
  ${O};

  ${g(d.md)} {
    padding: ${s(4)} ${s(3)}
      ${s(6)};
  }

  ${p(d.md,`calc(${d.lg} - 1px)`)} {
    padding: ${s(4)} ${s(6)}
      ${s(6)};
  }

  ${p(d.lg,`calc(${d.xl} - 1px)`)} {
    padding: ${s(4)} ${s(3)}
      ${s(6)};
  }

  ${c(d.xl)} {
    animation: none;
    box-shadow: none;
    background: transparent;
  }
`,ce=o(n).withConfig({displayName:"NewsLetterManagePageSubmitModelSignUpedHed"})``;ce.defaultProps={as:"div",colorToken:"colors.discovery.body.light.heading",typeIdentity:"typography.definitions.utility.modal-hed"};const ge=o(n).withConfig({displayName:"NewsLetterManagePageSubmitModelSignUpedDek"})`
  a {
    text-decoration: underline;
    color: ${l("colors.foundation.expanded-utility.nav-link.default")};
    ${({brand:e})=>["CNT"].includes(e)&&a`
        color: ${l("colors.interactive.base.brand-primary")};
      `}
  }
  ${g(d.md)} {
    padding-bottom: ${s(2)};
  }
`;ge.defaultProps={as:"div",colorToken:"colors.discovery.body.white.description",typeIdentity:"typography.definitions.utility.modal-body"};const pe=a`
  display: grid;
  position: fixed;
  bottom: 0;
  left: 50%;
  grid-template-columns: repeat(12, 1fr);
  justify-content: center;
  transform: translate(-50%, -25%);
  z-index: 999;
  width: 100%;

  ${R} {
    grid-column: 1 / -1;
    border-radius: 8px;
    box-shadow: 0 0 24px 0 rgba(45, 45, 45, 0.16);
    padding: ${s(2)} ${s(3)}
      ${s(3)};

    ${F} {
      padding-top: 0;

      ${m("typography.definitions.discovery.hed-core-primary")};
    }

    ${W} {
      color: ${l("colors.interactive.base.body")};
      ${m("typography.definitions.foundation.meta-primary")};
    }

    ${g(d.md)} {
      margin: 0 ${s(3)};
    }

    @media (min-width: calc(${d.md})) and (max-width: calc(${d.lg} - 1px)) {
      grid-column: 4 / span 6;
    }

    ${c(d.lg)} {
      grid-column: 5 / span 4;
    }
  }
`,me=o("div").withConfig({displayName:"NewsLetterManagePageToaster"})`
  ${pe}
`;me.defaultProps={colorToken:"colors.interactive.base.body"};const $e=o("div").withConfig({displayName:"NewsLetterManagePageToasterForFewerNL"})`
  ${pe}

  display: flex;
  position: sticky;
  transform: none;
  padding-bottom: ${s(3)};

  ${R} {
    width: fill-available;
  }
`;$e.defaultProps={colorToken:"colors.interactive.base.body"};const he=`\n    ${q}, ${J} {\n      margin: 0 auto ${s(4)} auto;\n      max-width: ${s(64)};\n    }\n\n    ${q} {\n      padding: ${s(4)} 0 0;\n    }\n    \n    ${ie} {\n      padding-right: 0;\n      padding-bottom: ${s(4)};\n      padding-left: 0;\n    }\n\n    ${re} {\n      padding-right: ${s(8)};\n      padding-left: ${s(8)};\n\n      .sticky-box__primary {\n        max-width: ${s(64)};\n      }\n    }\n\n    ${$e} {\n      padding-right: ${s(8)};\n      padding-left: ${s(8)};\n\n      ${R} {\n        max-width: ${s(64)};\n      }\n    }\n`,ue=a`
  ${g(`${u.md}px`)} {
    .responsive-asset {
      padding-right: ${s(3)};
      padding-left: ${s(3)};
    }
  }
`,be=o("div").withConfig({displayName:"NewsLetterLeftPanel"})`
  flex: 50%;

  .responsive-asset {
    ${L} {
      height: 100%;

      ::before {
        padding: 0;
      }
    }

    .aspect-ratio--overlay-container {
      position: relative;
      height: 100%;
    }
  }

  ${c(d.md)} {
    height: ${({pageHeaderHeight:e})=>`calc(100vh - ${e})`};
    overflow: hidden;
  }

  .responsive-asset {
    height: 100%;
    ${P}, ${S} {
      width: 100%;
      height: 100%;
    }

    ${S} {
      object-fit: cover;
    }
  }

  ${({isSingleNewsletter:e})=>e&&ue}
`,ye=a`
  display: flex;
  align-items: center;

  ${q} {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
  }

  ${J} {
    display: none;
  }

  ${se} {
    color: ${l("colors.background.white")};

    .button__icon-container {
      fill: ${l("colors.background.white")};
    }

    ${({successBtnStyle:e})=>"outlined"===e&&a`
        &,
        :focus {
          background-color: ${l("colors.background.white")};
          color: ${l("colors.background.black")};

          .button__icon-container {
            fill: ${l("colors.background.black")};
          }
        }
      `}
  }

  ${g(`${u.md}px`)} {
    ${q} {
      text-align: left;
    }

    ${ie} {
      box-shadow: none;
      padding-right: ${s(3)};
      padding-left: ${s(3)};
      width: 100%;
    }

    ${de} {
      padding-right: 0;
      padding-left: 0;
    }
  }
`,we=a`
  flex: 50%;
  ${z} {
    display: block;
  }

  ${q} {
    text-align: left;
  }

  ${G} {
    display: flex;
    flex-direction: column;
    /* padding-bottom: $ { calculateSpacing(4)}; */
  }

  &&& ${V} {
    display: flex;
    flex-direction: column;
  }

  ${re} {
    border-radius: ${s(1)} ${s(1)} 0 0;
    /* Elevation 300 */
    box-shadow: 0 0 ${s(3)} 0 rgba(45, 45, 45, 0.16);
    background: #fff;
  }

  ${de} {
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  ${ie} {
    padding-top: ${s(4)};
    padding-bottom: ${s(3)};
  }

  ${le} {
    box-shadow: none;
  }

  ${$e}, ${me} {
    display: none;
  }

  ${R} {
    border: 0;
  }

  ${F} {
    padding-bottom: 0;
  }

  ${c(d.md)} {
    height: ${({pageHeaderHeight:e})=>`calc(100vh - ${e})`};
    overflow: scroll;

    ${$e} {
      display: flex;
    }

    ${me} {
      display: none;
    }

    ${re} {
      display: flex;
      justify-content: center;

      .sticky-box__primary {
        width: fill-available;
      }
    }

    ${ie} {
      box-shadow: none;
      padding-right: 0;
      padding-left: 0;
    }

    ${de}, ${le} {
      padding-right: 0;
      padding-left: 0;
    }
  }

  ${g(`${u.md}px`)} {
    ${le} {
      padding: ${s(4)} ${s(3)}
        ${s(1)};
    }

    ${$e} {
      display: none;
    }

    ${me} {
      display: grid;
    }
  }

  ${p(d.md,`${u.lg}px`)} {
    ${q}, ${J} {
      margin-right: ${s(3)};
      margin-left: ${s(3)};
    }

    ${re} {
      padding-right: ${s(3)};
      padding-left: ${s(3)};
    }

    ${$e} {
      padding-right: ${s(3)};
      padding-left: ${s(3)};
    }
  }

  ${p(d.lg,`${u.xl}px`)} {
    ${q}, ${J} {
      margin-right: ${s(6)};
      margin-left: ${s(6)};
    }

    ${re} {
      padding-right: ${s(6)};
      padding-left: ${s(6)};
    }

    ${$e} {
      padding-right: ${s(6)};
      padding-left: ${s(6)};
    }
  }

  ${p(d.max,`${u.xxl}px`)} {
    ${q}, ${J} {
      margin: 0 auto ${s(4)} auto;
      max-width: ${s(64)};
    }

    ${he}
  }

  ${c(d.fullBleed)} {
    ${q}, ${J} {
      margin: 0 auto ${s(8)} auto;
      max-width: ${s(64)};
    }

    ${he}
  }

  ${({isSingleNewsletter:e})=>e&&ye}
`,fe=o("div").withConfig({displayName:"NewsLetterRightPanel"})`
  ${({isFewerNL:e,hasAlternateNewsletterStyle:t})=>e&&t&&we};
`,ve=o(N.Primary).withConfig({displayName:"NewsLetterManagePageCloseSubmitModel"})`
  margin: 0 auto;
  border: none;
  background: transparent;
  padding: 0;
  text-decoration: underline;
  color: ${l("colors.interactive.base.black")};

  :hover {
    border: none;
    background: transparent;
    text-decoration: underline;
    color: ${l("colors.interactive.base.black")};
  }
`;ve.defaultProps={colorToken:"colors.interactive.base.black",typeIdentity:"typography.definitions.foundation.link-utility"};const xe=o("div").withConfig({displayName:"NewsLetterManagePagePreviewHed"})`
  background-color: ${l("colors.background.light")};
  padding-top: ${s(1)};
  padding-bottom: ${s(1)};
  text-align: center;
  font-size: ${s(2)};
`;xe.defaultProps={colorToken:"colors.interactive.base.black",typeIdentity:"typography.definitions.utility.landing-description"};const Ne=o("div").withConfig({displayName:"NewsLetterManagePagePreviewComingSoon"})`
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: ${l("colors.background.light")};
  height: 100%;
`;Ne.defaultProps={colorToken:"colors.interactive.base.black",typeIdentity:"typography.definitions.utility.landing-description"};const ke=o("div").withConfig({displayName:"NewsLetterPreviewWrapper"})`
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  overflow: hidden;

  ${({pageHeaderHeight:e,isPreviewVisible:t})=>t&&a`
      transition: 0.5s ease;
      height: calc(100vh - ${e});
    `};

  iframe {
    border: none;
    width: 100%;
    height: ${({pageHeaderHeight:e})=>`calc(100vh - ${e} - ${s(5.5)})`};
  }

  ${({pageHeaderHeight:e,isPreviewVisible:t})=>t&&a`
      ${g(`${u.md}px`)} {
        height: calc(100vh - ${e} - ${s(3)});
        overflow: visible;
      }
    `}
`,Ce=o(r).withConfig({displayName:"NewsLetterManagePagePreviewLink"})`
  z-index: 9;
  border-radius: ${s(6)};
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: ${l("colors.interactive.base.white")};
  padding: ${s(2)};
  width: fit-content;

  :hover {
    text-decoration: none;
  }
`;Ce.defaultProps={as:"a",hasUnderline:!1,typeIdentity:"typography.definitions.utility.button-utility"};const Pe=o("div").withConfig({displayName:"NewsLetterManagePagePreviewWrapper"})`
  display: flex;
  position: absolute;
  bottom: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: ${s(2)};
  width: 50%;

  ${g(`${u.md}px`)} {
    z-index: 2;
    width: 100%;
  }
`,Se=a`
  ${g(`${u.md}px`)} {
    display: flex;
    flex-direction: column-reverse;
    padding-top: ${s(3)};
    padding-bottom: ${s(3)};

    ${be} {
      position: relative;
    }
  }
`,Le=o("div").withConfig({displayName:"NewsLetterPageContent"})`
  ${({isFewerNL:e,hasAlternateNewsletterStyle:t})=>e&&t&&a`
      display: flex;
      background-color: ${l("colors.background.white")};

      ${g(`${u.md}px`)} {
        display: block;
      }
    `}

  ${({hasPadding:e,pageHeaderHeight:t,hasAlternateNewsletterStyle:i})=>i&&a`
      padding-top: ${e?`calc(${t} - ${s(7,"px")})`:0};
    `}

  ${({isSingleNewsletter:e,hasAlternateNewsletterStyle:t})=>e&&t&&Se}
`;e.exports={NewsLetterManagePage:U,NewsLetterManagePageGrid:z,NewsLetterManagePageLede:q,NewsLetterManagePageNewsLetterSubscribeForm:G,NewsLetterManagePageSelectionControlListItems:V,NewsletterSectionHed:K,NewsletterCategoryWrapper:Y,NewsLetterManagePageItem:Q,NewsLetterManagePageCard:J,NewsLetterManagePageToaster:me,NewsLetterManagePageDisclaimer:Z,NewsLetterManagePageAutenticatedSubmitButton:X,NewsLetterManagePageSubmitContainer:ee,NewsLetterManagePageSubmitModelWrapper:re,NewsLetterManagePageSubmitModel:ie,NewsLetterManagePageSubmitModelTextField:de,NewsLetterManagePageSubmitModelSignUpBtn:se,NewsLetterManagePagePreferencesSecondaryOptins:te,NewsLetterManagePageSubmitModelSignUpedWrapper:le,NewsLetterManagePageSubmitModelSignUpedHed:ce,NewsLetterManagePageSubmitModelSignUpedDek:ge,NewsLetterManagePageToasterForFewerNL:$e,NewsLetterLeftPanel:be,NewsLetterRightPanel:fe,NewsLetterPageContent:Le,NewsLetterManagePageCloseSubmitModel:ve,NewsLetterManagePagePreviewLink:Ce,NewsLetterManagePagePreviewWrapper:Pe,NewsLetterPreviewWrapper:ke,NewsLetterManagePagePreviewHed:xe,NewsLetterManagePagePreviewComingSoon:Ne}},15822:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.proxyApiRoutes=void 0,t.default=Object.freeze({oidcAuth:"/auth/initiate",oidcAuthSessionEnd:"/auth/session/end",oidcAuthRestart:"/auth/restart",oidcAccountSignOut:"/auth/end",oidcExchange:"/auth/exchange",oidcForgotPassword:"/auth/forgot",oidcLanding:"/auth/complete",oidcMagicLink:"/auth/request-link",oidcRefresh:"/auth/refresh",oidcRefreshRedirect:"/auth/refresh-redirect",oauth:{jwks:"/.well-known/jwks",oidcConfig:"/.well-known/openid-configuration",authorizationGrant:"/api/utility/oauth/authorization",tokenExchange:"/api/utility/oauth/token"}}),t.proxyApiRoutes=Object.freeze({authenticate:"/v2/authenticate",googleAuthenticate:"/v2/sso/google",marketingPermissions:"/v2/marketing-permissions",newsletterSubscriptions:"/v2/newsletter-subscriptions",sailthruNewsletterSubscriptions:"/v2/newsletter/sailthru",swgAuthenticate:"/v2/swg/authenticate",swgSubscribe:"/v2/swg/subscription",userDetails:"/v2/users",userLookup:"/v2/users/lookup"})},23917:(e,t,i)=>{"use strict";i.d(t,{J:()=>b});var o=i(35137),a=i(69209),n=i(91545),r=!1,d=/[A-Z]|^ms/g,s=/_EMO_([^_]+?)_([^]*?)_EMO_/g,l=function(e){return 45===e.charCodeAt(1)},c=function(e){return null!=e&&"boolean"!=typeof e},g=(0,n.A)((function(e){return l(e)?e:e.replace(d,"-$&").toLowerCase()})),p=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(s,(function(e,t,i){return h={name:t,styles:i,next:h},t}))}return 1===a.A[e]||l(e)||"number"!=typeof t||0===t?t:t+"px"},m="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function $(e,t,i){if(null==i)return"";var o=i;if(void 0!==o.__emotion_styles)return o;switch(typeof i){case"boolean":return"";case"object":var a=i;if(1===a.anim)return h={name:a.name,styles:a.styles,next:h},a.name;var n=i;if(void 0!==n.styles){var d=n.next;if(void 0!==d)for(;void 0!==d;)h={name:d.name,styles:d.styles,next:h},d=d.next;return n.styles+";"}return function(e,t,i){var o="";if(Array.isArray(i))for(var a=0;a<i.length;a++)o+=$(e,t,i[a])+";";else for(var n in i){var d=i[n];if("object"!=typeof d){var s=d;null!=t&&void 0!==t[s]?o+=n+"{"+t[s]+"}":c(s)&&(o+=g(n)+":"+p(n,s)+";")}else{if("NO_COMPONENT_SELECTOR"===n&&r)throw new Error(m);if(!Array.isArray(d)||"string"!=typeof d[0]||null!=t&&void 0!==t[d[0]]){var l=$(e,t,d);switch(n){case"animation":case"animationName":o+=g(n)+":"+l+";";break;default:o+=n+"{"+l+"}"}}else for(var h=0;h<d.length;h++)c(d[h])&&(o+=g(n)+":"+p(n,d[h])+";")}}return o}(e,t,i);case"function":if(void 0!==e){var s=h,l=i(e);return h=s,$(e,t,l)}}var u=i;if(null==t)return u;var b=t[u];return void 0!==b?b:u}var h,u=/label:\s*([^\s;{]+)\s*(;|$)/g;function b(e,t,i){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var a=!0,n="";h=void 0;var r=e[0];null==r||void 0===r.raw?(a=!1,n+=$(i,t,r)):n+=r[0];for(var d=1;d<e.length;d++)n+=$(i,t,e[d]),a&&(n+=r[d]);u.lastIndex=0;for(var s,l="";null!==(s=u.exec(n));)l+="-"+s[1];return{name:(0,o.A)(n)+l,styles:n,next:h}}}}]);