.hidden, .hide { display: none } .tippy-popper { z-index: 69999; } figure.story__callout--video>figcaption.caption>p { display: inline; } @media print, screen and (max-width: 39.9988em) { .tp-modal { height: 100% !important; width: 100% !important; } .tp-iframe-wrapper { min-height: 100% !important; height: 100% !important; width: 100% !important; margin: unset !important; top: 0 !important; } .tp-iframe-wrapper iframe { min-height: 100% !important; height: 100% !important; width: 100% !important; max-width: unset !important; } } .tp-iframe-wrapper { margin-top: unset !important; margin-bottom: unset !important; } .tp-modal { overflow-y: auto !important; } @media print, screen and (min-width: 40em) { .tp-iframe-wrapper { top: 100px; margin-right: auto !important; margin-left: auto !important; } } .byline--wrapper .button--subscriptions i, .story__meta .button--subscriptions i, .story__meta .side-panel__menu__sub .user-tools__item--subscribe .button i, .side-panel__menu__sub .user-tools__item--subscribe .story__header .button i, .story__header .subscription-disclaimer .button i, .subscription-disclaimer .story__header .button i, .story__header .subscription-disclaimer .mast_head__button i, .subscription-disclaimer .story__header .mast_head__button i, .story__header .user-tools__item--subscribe .mast_head__button i, .user-tools__item--subscribe .story__header .mast_head__button i { width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201043.893%201171.756%22%3E%3Cpath%20d%3D%22M4469.819-851.733a27.249%2C27.249%2C0%2C0%2C0%2C2.264-2.224%2C26.726%2C26.726%2C0%2C0%2C0-1.916-37.748q-92.493-93.307-185.857-186.091a33.8%2C33.8%2C0%2C0%2C0-14.763-8.578%2C26.108%2C26.108%2C0%2C0%2C0-6.785-.9c-.3%2C0-.6.006-.9.016a26.086%2C26.086%2C0%2C0%2C0-25.171%2C26.967v80.47c-16.922%2C1.284-33.088%2C2.217-49.364%2C3.443a467.642%2C467.642%2C0%2C0%2C0-163.743%2C41.49%2C268.419%2C268.419%2C0%2C0%2C0-104.513%2C85.6%2C367.124%2C367.124%2C0%2C0%2C0-26.554%2C47.994%2C367.169%2C367.169%2C0%2C0%2C0-23.932%2C69.793%2C367.141%2C367.141%2C0%2C0%2C0-9.15%2C102.734%2C25.508%2C25.508%2C0%2C0%2C0%2C2.212%2C10.981%2C25.449%2C25.449%2C0%2C0%2C0%2C23.238%2C15.054%2C25.355%2C25.355%2C0%2C0%2C0%2C10.38-2.227%2C43.019%2C43.019%2C0%2C0%2C0%2C15.871-13.946c16.454-20.89%2C30.869-43.59%2C48.784-63.08a234.461%2C234.461%2C0%2C0%2C1%2C65.194-49.657%2C234.462%2C234.462%2C0%2C0%2C1%2C86.525-25.1c39.911-4.378%2C80.176-5.136%2C120.266-7.47a31.071%2C31.071%2C0%2C0%2C1%2C4.608.467v78.31a27.2%2C27.2%2C0%2C0%2C0%2C9.118%2C22.2%2C27.1%2C27.1%2C0%2C0%2C0%2C18.005%2C6.823%2C27.123%2C27.123%2C0%2C0%2C0%2C20.379-9.18q32.994-32.931%2C65.971-65.945%2C34.967-34.993%2C69.919-70.065Q4444.866-826.644%2C4469.819-851.733Z%22%20transform%3D%22translate(-3646.81%201774.482)%22%2F%3E%3Cpath%20d%3D%22M4690.251-1484.2c-.067-7.434-4.1-15.58-8.334-22.065-7.467-11.44-19.708-13.714-32.683-13.693q-103.537.164-207.077.026c-3.639%2C0-7.28-.346-11.621-.566%2C53.208-83.333%2C25.315-177.42-41.043-225.013-58.219-41.754-162.058-46.59-227.563%2C41.071-25.543-25.778-56.085-42.149-92.235-46.323-36.651-4.232-70.839%2C4.386-101.093%2C25.157-32.9%2C22.583-54.92%2C53.683-63%2C93.11-8.044%2C39.257-1.714%2C76.733%2C20.376%2C112.588h-13.836c-73.911%2C0-147.829.638-221.725-.329-27.68-.362-44.064%2C18.577-43.6%2C43.062%2C1.252%2C65.743.4%2C131.526.447%2C197.293.018%2C22.607%2C15.23%2C38.031%2C37.737%2C38.362%2C10.042.147%2C20.088.025%2C31.61.025v14.9c0%2C150.743.367%2C301.488-.336%2C452.227-.127%2C27.322%2C19.09%2C43.357%2C43.486%2C43.241q39.031-.184%2C78.065-.282%2C2.183-10.141%2C4.882-20.19a397.3%2C397.3%2C0%2C0%2C1%2C17.041-49.679h-72.613v-439.621h417.409v-.341h346.229v439.656H4462.25q-34.875%2C35.031-69.858%2C70.071%2C94.419%2C0%2C188.837-.362c8.5-.04%2C17.79-3.4%2C25.264-7.721%2C13.011-7.523%2C14.848-20.973%2C14.838-34.954q-.16-226.6-.066-453.205v-13.759c12.339%2C0%2C23.052.3%2C33.744-.064%2C19.691-.66%2C35.511-16.311%2C35.553-35.552C4690.716-1346.163%2C4690.878-1415.188%2C4690.251-1484.2Zm-556.9%2C172.3H3717.439v-137.982h415.915Zm.734-209.061c-32.548%2C0-63.6%2C2.132-94.249-.467-54.791-4.646-86.749-74.569-56.744-121.1%2C20.977-32.532%2C57.3-46.776%2C92.872-36.418%2C35.354%2C10.3%2C57.733%2C40.906%2C58.078%2C79.945C4134.274-1573.063%2C4134.088-1547.117%2C4134.088-1520.965Zm69.749-90.449c.525-47.4%2C31.045-84.284%2C76.334-92.635%2C43.578-8.036%2C85.8%2C15.961%2C103.2%2C58.653%2C20.45%2C50.178-11.486%2C113.812-64.9%2C121.91-37.211%2C5.641-75.6%2C3.5-114.688%2C4.874v-20.615C4203.784-1563.289%2C4203.57-1587.354%2C4203.837-1611.414Zm416.918%2C299.079H4204.392a30.317%2C30.317%2C0%2C0%2C1-.548-3.972c-.027-44.238-.023-88.477-.023-133.481h416.934Z%22%20transform%3D%22translate(-3646.81%201774.482)%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 16px 16px; background-position: center; top: -1px } .incontent--sticky { position: fixed !important; z-index: 998; } @media screen and (min-width:64em) { .incontent--sticky { right: 20px; max-width: 300px !important; max-height: 170px !important; } .incontent--sticky .rmp-ad-container div:first-child { max-width: 300px !important; max-height: 170px !important; } } @media screen and (max-width:63.99875em) { .incontent--sticky { margin: 0px auto !important; max-width: 300px !important; max-height: 170px !important; } .incontent--sticky .rmp-ad-container div:first-child { max-width: 300px !important; max-height: 170px !important; } } .btn--mute .muted.hide { display: none !important } .btn--mute .unmuted.hide { display: none !important } .status-pulse { width: 24px; height: 24px; position: absolute; right: -2px; bottom: -10px; display: block; pointer-events: none; z-index: 1060; } .status-pulse .pulse-ring { position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid #64676B; transform-origin: center; animation: ringPulse 1.2s ease-out infinite; } .status-pulse .dot { position: absolute; inset: 0; display: block; transform-origin: 50% 50%; animation: dotGrowThenShrink 1.2s ease-in-out infinite; } @keyframes ringPulse { 0% { transform: scale(0.62); opacity: 1; } 12% { transform: scale(0.62); opacity: 1; } 100% { transform: scale(1.35); opacity: 0; } } @keyframes dotGrowThenShrink { 0% { transform: scale(1); } 12% { transform: scale(1); } 70% { transform: scale(1.22); } 100% { transform: scale(1); } } .error_description { text-decoration: none; color: inherit; } .offer-panel-error .offer-panel-wrapper .image_wrapper_offer.image_wrapper_offer { text-align: center; margin-bottom: 24px; } .offer-panel-intro.offer-panel.is-open { background: var(--subscription-primary-light, #FFFCEF) !important; } .offer-panel.offer-panel--expired.is-open .offer-panel__title, .offer-panel.offer-panel--expired.is-open .offer-panel__description, .offer-panel.offer-panel-intro.is-open .offer-panel__title, .offer-panel.offer-panel-intro.is-open .offer-panel__description { color: var(--neutral-80); } .offer-panel-intro .offer-panel__info { display: none; } .offer-panel-intro .image_wrapper_offer { text-align: center; margin-bottom: 24px; } .offer-panel-wrapper .offer-panel.offer-panel-intro.offer-panel::before { content: ''; position: absolute; bottom: 100%; right: 16px; left: auto; width: 20px; height: 16px; border: none; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16" fill="none"><path d="M10 0L0 16H20L10 0Z" fill="%23FFFCEF"/></svg>'); } .offer-panel-wrapper.is-inline-wrapper .offer-panel { display: inline-block; position: relative; width: 100%; } .offer-panel-wrapper.is-inline-wrapper .offer-panel .offer-panel__close { display: none; } .offer-panel-wrapper.is-inline-wrapper .offer-panel .offer-panel__inner { border-radius: 14px; border: 1px solid #000; background: var(--light, #FFF); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); } .offer-panel-wrapper { position: relative; z-index: 111119; } .offer-panel { display: none; z-index: 1050; overflow-y: auto } .offer-panel.is-open { display: block; background: var(--background); } .offer-panel--expired.offer-panel.is-open { background: var(--subscription-primary-light, #FFFCEF) } .offer-panel__inner { padding: 1rem 1rem 2rem } .offer-panel__close { display: flex; justify-content: flex-end; margin-left: auto; margin-bottom: .5rem; background: 0 0; border: none; padding: 0; cursor: pointer } .offer-panel__close svg { display: block } .offer-panel__title { color: var(--foreground); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 150%; margin: 0 } .offer-panel__description { color: var(--foreground); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 150%; margin: .25rem 0 0 } .offer-panel__actions { display: flex; flex-direction: column; gap: .75rem; margin-top: 1.5rem } .offer-panel__btn[type='button'], .offer-panel__btn { display: flex; flex: 1; height: 2.5rem; padding: 0 1.5rem 0 1rem; justify-content: center; align-items: center; gap: .38rem; border-radius: 6.25rem; border: 1px solid var(--neutral-40, #cacbcc); background: 0 0; color: var(--foreground, #1a1e22); cursor: pointer; text-decoration: none; text-align: center } .offer-panel__btn svg { flex-shrink: 0; width: 18px; height: 18px } .offer-panel__btn span { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: .875rem; font-style: normal; font-weight: 600; line-height: 170%; text-align: center } .offer-panel__info { margin-top: .75rem; margin-bottom: 0; color: var(--neutral-60, #64676b); text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: .875rem; font-style: normal; font-weight: 400; line-height: 125% } .offer-panel__info a { color: var(--neutral-60, #64676b); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: .875rem; font-style: normal; font-weight: 400; line-height: 125%; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-color: var(--neutral-40, #cacbcc); text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font } .offer-panel-overlay { display: none; position: fixed; inset: 0; z-index: 111119; background: rgba(0, 0, 0, .4) } .offer-panel-overlay.is-open { display: block } body.no-scroll { overflow: hidden !important; height: 100% !important } #modal-exclusive-offer.offer-panel.is-desktop { position: absolute; top: 100%; left: 0; right: auto; bottom: auto; transform: none; margin-top: 12px; } #modal-exclusive-offer.offer-panel.is-mobile { position: fixed; bottom: 0; left: 0; right: 0; top: auto; transform: none; } .offer-panel-wrapper .offer-panel__btn.button--subscriptions { background-color: #f8dc51; color: #0a0a0a; border: none; text-decoration: none; } @media(max-width:767px) { .offer-panel { position: fixed; bottom: 0; left: 0; right: 0; max-height: 80vh; border-radius: .875rem .875rem 0 0; box-shadow: 0 0 10.1px 0 rgba(0, 0, 0, .1) } .offer-panel .sheet-handle { width: 40px; height: 4px; background: #ccc; border-radius: 2px; margin: 8px auto 0 } .offer-panel--expired { position: fixed; bottom: 0; left: 0; right: 0 } .offer-panel-wrapper .image_wrapper_offer { text-align: center; margin-bottom: 1.5rem; } .offer-panel-wrapper .offer_panel__expired_wrapper button { height: 40px; } .offer-panel-wrapper .image_wrapper_offer { margin-bottom: 1.5rem; } .offer-panel.offer-panel--expired .offer-panel__actions, .offer-panel.offer-panel--expired .offer-panel__info { margin-top: 1rem; } .offer-panel__btn { flex: none; } } @media(min-width:768px) and (max-width:1336px) { .offer-panel-wrapper:not(.is-inline-wrapper) .offer-panel.is-second-anchor::before { right: auto; left: 110px; } } @media(min-width:768px) { .offer-panel:not(.offer-panel--expired) { position: fixed; width: 25.75rem; max-width: calc(100vw - 32px); border-radius: .75rem; box-shadow: 0 4px 24px rgba(0, 0, 0, .18); overflow: visible } .offer-panel--expired { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: auto; right: auto; width: 45.4rem; max-width: calc(100vw - 32px); border-radius: .75rem; box-shadow: 0 4px 24px rgba(0, 0, 0, .18) } .offer-panel--expired::before { display: none } .offer-panel-wrapper .offer_panel__expired_wrapper { width: 23rem; margin: 0 auto; text-align: center; } .offer-panel-wrapper .offer_panel__expired_wrapper button { width: 11.125rem; margin: 0 auto; height: 40px; } .offer-panel-wrapper .image_wrapper_offer { margin-bottom: 2.22rem; } .offer-panel-wrapper .offer-panel-error .image_wrapper_offer { margin-bottom: 1.5rem; text-align: center; } .offer-panel-wrapper .offer-panel-error .offer-panel { padding: 1rem 1rem 4.87rem; } .offer-panel.offer-panel--expired .offer-panel__actions, .offer-panel.offer-panel--expired .offer-panel__info { margin-top: 2rem; } } @media(min-width:768px) and (max-width:1023px) { .offer-panel { position: fixed; border-radius: .75rem; box-shadow: 0 4px 24px rgba(0, 0, 0, .18); overflow: visible } .offer-panel-wrapper:not(.is-inline-wrapper) .offer-panel::before { content: ''; position: absolute; bottom: 100%; right: var(--arrow-right, 20px); left: auto; width: 20px; height: 16px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16" fill="none"><path d="M10 0L0 16H20L10 0Z" fill="white"/></svg>') no-repeat; border: none } html.darkmode .offer-panel-wrapper:not(.is-inline-wrapper) .offer-panel:not(.offer-panel-intro)::before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16" fill="none"><path d="M10 0L0 16H20L10 0Z" fill="%231A1E22"/></svg>') } .offer-panel__actions { flex-direction: row } .offer-panel--expired { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: auto; right: auto; width: 45.4rem; max-width: calc(100vw - 32px); border-radius: .75rem; box-shadow: 0 4px 24px rgba(0, 0, 0, .18) } .offer-panel--expired::before { display: none } } @media(min-width:1024px) { .offer-panel-wrapper:not(.is-inline-wrapper) .offer-panel::before { content: ''; position: absolute; bottom: 100%; right: 16px; left: auto; width: 20px; height: 16px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16" fill="none"><path d="M10 0L0 16H20L10 0Z" fill="white"/></svg>') no-repeat; border: none } html.darkmode .offer-panel-wrapper:not(.is-inline-wrapper) .offer-panel::before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16" fill="none"><path d="M10 0L0 16H20L10 0Z" fill="%231A1E22"/></svg>') } .offer-panel__actions { flex-direction: row } }