.podcast-popup.product-popup-modal{--podcast-popup-open-duration: .32s;--podcast-popup-close-duration: .26s;box-sizing:border-box;opacity:0;visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;display:flex;align-items:center;justify-content:center;padding:1.5rem;width:100%;height:100%;background:rgba(var(--color-foreground),var(--podcast-popup-overlay, .55));-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);pointer-events:none;transition:opacity var(--podcast-popup-open-duration) ease,visibility var(--podcast-popup-open-duration) ease,backdrop-filter var(--podcast-popup-close-duration) ease}.podcast-popup.product-popup-modal[open]{visibility:visible;z-index:101}.podcast-popup.product-popup-modal[open].podcast-popup--visible{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.podcast-popup.product-popup-modal[open].podcast-popup--closing{pointer-events:none;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.podcast-popup__dialog{display:flex;flex-direction:column;flex-shrink:1;width:100%;max-height:calc(100dvh - 3rem);min-height:0;overflow:hidden}.podcast-popup__dialog.product-popup-modal__content{position:relative;top:auto;left:auto;transform:scale(.92) translateY(1.2rem);width:100%;max-width:98rem;height:auto;margin:0;padding:0;border-radius:24px;background-color:rgb(var(--color-background));border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));transition:transform var(--podcast-popup-open-duration) cubic-bezier(.33,1,.68,1)}.podcast-popup[open].podcast-popup--visible:not(.podcast-popup--closing) .podcast-popup__dialog.product-popup-modal__content{transform:scale(1) translateY(0)}.podcast-popup--pressing:not(.podcast-popup--closing) .podcast-popup__dialog.product-popup-modal__content{transform:scale(.985) translateY(.3rem);transition-duration:.1s}.podcast-popup--closing .podcast-popup__dialog.product-popup-modal__content{transform:scale(.9) translateY(1.8rem);transition-duration:var(--podcast-popup-close-duration);transition-timing-function:cubic-bezier(.45,0,.75,1)}.podcast-popup__dialog.product-popup-modal__content.focused,.podcast-popup__dialog.product-popup-modal__content:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.podcast-popup__close.product-popup-modal__toggle{position:absolute;top:1.2rem;right:1.2rem;margin:0;background-color:transparent;border:.1rem solid rgba(var(--color-foreground),0);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;width:3.2rem;z-index:2;padding:0;touch-action:manipulation;transition:transform .1s ease,background-color .1s ease}.podcast-popup__close.product-popup-modal__toggle .svg-wrapper{display:inline-flex;width:3.2rem;height:auto;transition:transform .12s cubic-bezier(.33,1,.68,1)}.podcast-popup--pressing .podcast-popup__close.product-popup-modal__toggle{transform:scale(.88);background-color:rgba(var(--color-foreground),.07)}.podcast-popup--pressing .podcast-popup__close.product-popup-modal__toggle .svg-wrapper{transform:rotate(90deg)}.podcast-popup--closing .podcast-popup__close.product-popup-modal__toggle .svg-wrapper{transform:rotate(180deg) scale(.2);transition-duration:.22s;transition-timing-function:ease-in}.podcast-popup__inner{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.35) transparent}.podcast-popup__inner::-webkit-scrollbar{width:.4rem}.podcast-popup__inner::-webkit-scrollbar-track{margin:1.2rem 0;background:transparent;border-radius:3rem}.podcast-popup__inner::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.22);border:.15rem solid transparent;border-radius:3rem;background-clip:padding-box}.podcast-popup__inner::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--color-foreground),.42)}.podcast-popup__grid{align-items:stretch;margin-bottom:0}.podcast-popup__content{padding:2.4rem 1.8rem 2rem;display:flex;flex-direction:column;justify-content:center}.podcast-popup__heading{margin:0;line-height:1}.podcast-popup__heading-line{display:block}.podcast-popup__subtitle{display:flex;align-items:center;gap:1rem;margin:1.2rem 0 0}.podcast-popup__subtitle span:nth-child(2){flex:1 0 auto;max-width:max-content}.podcast-popup__subtitle-line{width:100%;height:.1rem;background:rgba(var(--color-foreground),.2)}.podcast-popup__description{margin-top:1rem}.podcast-popup__platform-card{min-height:6.4rem;padding:1.2rem 1.3rem;border:1px solid rgba(var(--color-button),.1);border-radius:1.6rem}.podcast-popup__platform-card:hover{background:rgba(var(--color-button),1);color:rgba(var(--color-button-text),1)}.podcast-popup__platforms{margin-top:1rem}.podcast-popup__platform-icon-wrap{flex-shrink:0;width:3.6rem;height:3.6rem;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background-color:#fff}.podcast-popup__platform-icon{width:100%;height:100%;object-fit:contain}.podcast-popup__platform-copy{min-width:0}.podcast-popup__cta-wrap{margin-top:auto}.podcast-popup__media-col{position:relative;overflow:hidden}.podcast-popup__media img{width:100%;height:100%;object-fit:cover;object-position:center top}@media screen and (min-width:750px){.podcast-popup__grid{grid-template-columns:1.15fr .85fr}.podcast-popup__content{padding:3.6rem 3.2rem 3.2rem}.podcast-popup__close.product-popup-modal__toggle{top:1.6rem;right:1.6rem}}@media screen and (max-width:749px){.podcast-popup__grid{display:flex;flex-direction:column}.podcast-popup__media-col{order:1;flex:0 0 auto}.podcast-popup__content{order:2;flex:0 0 auto;padding:1rem 1.5rem 2.4rem;gap:1.6rem}.podcast-popup__subtitle{margin-top:1rem;gap:.8rem}.podcast-popup__description{margin-top:1rem}.podcast-popup__platforms{margin-top:.4rem;gap:.8rem;margin-bottom:0rem}.podcast-popup__platform-card{min-height:5.6rem;padding:1rem 1.1rem}.podcast-popup__platform-icon-wrap{width:3.2rem;height:3.2rem}.podcast-popup__close.product-popup-modal__toggle{top:.4rem;right:1rem;width:3.6rem;padding:.6rem}.podcast-popup--hide-image-mobile .podcast-popup__media-col{display:none}.podcast-popup--hide-image-mobile .podcast-popup__content{order:1;padding-top:2.4rem}}@media screen and (max-width:389px){.podcast-popup__platforms{grid-template-columns:1fr}.podcast-popup__platforms .grid__item{width:100%;max-width:100%}}@media(prefers-reduced-motion:reduce){.podcast-popup.product-popup-modal,.podcast-popup__dialog.product-popup-modal__content,.podcast-popup__close.product-popup-modal__toggle,.podcast-popup__close.product-popup-modal__toggle .svg-wrapper,.podcast-popup__platform-card{transition:none}.podcast-popup[open].podcast-popup--visible .podcast-popup__dialog.product-popup-modal__content{transform:none}}@media(forced-colors:active){.podcast-popup__platform-card{border:.1rem solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-podcast-popup.css.map */