.pp-subscription-popup__dialog{width:min(43.75rem,100vw - 2rem);max-width:none;height:fit-content;max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:0;border-radius:1.5rem;background:var(--pp-popup-surface);color:var(--pp-popup-text);overflow:hidden;overscroll-behavior:contain}.pp-subscription-popup__dialog::backdrop{background:#00000040}@media(prefers-reduced-motion:no-preference){.pp-subscription-popup__dialog[open]{animation:pp-subscription-popup-in .22s cubic-bezier(.16,1,.3,1)}.pp-subscription-popup__dialog[open]::backdrop{animation:pp-subscription-popup-veil-in .22s ease-out}.pp-subscription-popup__dialog.dialog-closing{animation:pp-subscription-popup-out .16s ease-in forwards}.pp-subscription-popup__dialog.dialog-closing::backdrop{animation:pp-subscription-popup-veil-out .16s ease-in forwards}}.pp-subscription-popup__panel{position:relative;display:flex;flex-direction:column;max-height:calc(100dvh - 2rem);padding-block-end:1.5rem;text-align:center}.pp-subscription-popup__scroll{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden auto;overscroll-behavior:contain}.pp-subscription-popup__head,.pp-subscription-popup__card,.pp-subscription-popup__actions{margin-block-start:1.5rem}.pp-subscription-popup__media~.pp-subscription-popup__head{margin-block-start:0}.pp-subscription-popup__panel:focus{outline:none}.pp-subscription-popup__media{position:relative;flex:none;aspect-ratio:700 / 230;overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit}.pp-subscription-popup__photo{display:block;width:100%;height:100%;object-fit:cover;object-position:bottom}.pp-subscription-popup__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgb(0 0 0 / 0) 70%,var(--pp-popup-surface) 100%)}.pp-subscription-popup__close{position:absolute;inset-block-start:1rem;inset-inline-end:1rem;z-index:1;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50px;background:none;font:inherit;color:var(--pp-popup-text);cursor:pointer}.pp-subscription-popup__close svg{width:1rem;height:1rem}.pp-subscription-popup__close:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.pp-subscription-popup__head{display:flex;flex-direction:column;gap:.5rem;align-items:center;padding-inline:1.25rem}.pp-subscription-popup__title{margin:0;font-size:var(--pp-font-h3--size);line-height:var(--pp-font-h3--line-height);font-weight:var(--pp-font-heading--weight);text-wrap:balance}.pp-subscription-popup__body{margin:0;font-size:var(--pp-font-body-sm--size);line-height:var(--pp-font-body-sm--line-height);font-weight:300}.pp-subscription-popup__card{display:flex;flex-direction:column;gap:1rem;margin-inline:1rem;padding:1.5rem;border-radius:1.5rem;background:var(--pp-popup-card);box-shadow:0 4px 20px #0000000d;text-align:start}.pp-subscription-popup__detail{display:flex;flex-direction:column;gap:1.125rem;min-width:0}.pp-subscription-popup__plans-head{display:flex;align-items:center;gap:.75rem}.pp-subscription-popup__plans-label{margin:0;font-size:var(--pp-font-body-sm--size);line-height:var(--pp-font-body-sm--line-height);font-weight:600;text-transform:uppercase}.pp-subscription-popup__benefits{display:flex;flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none}.pp-subscription-popup__benefit{display:flex;align-items:center;gap:.375rem;padding:.25rem .125rem;font-size:var(--pp-font-body-sm--size);line-height:var(--pp-font-body-sm--line-height);font-weight:300}.pp-subscription-popup__tick{display:grid;flex:none;place-items:center;width:1.25rem;height:1.25rem;color:var(--pp-popup-accent)}.pp-subscription-popup__tick svg{width:.6875rem;height:.5625rem}.pp-subscription-popup__plans{position:relative;display:flex;flex-direction:column;gap:.5rem}.pp-subscription-popup__plans .pp-subscription-option__input{pointer-events:none}.pp-subscription-popup__plans .pp-subscription-option{display:flex;align-items:center;gap:.5rem;min-height:5.5rem;padding:1rem .75rem;border-radius:1rem;box-sizing:border-box;background-color:var(--pp-popup-card);box-shadow:inset 0 0 0 1px #f4f4f4;cursor:pointer}.pp-subscription-popup__plans .pp-subscription-option__input:checked+.pp-subscription-option{box-shadow:inset 0 0 0 1px var(--pp-popup-text);filter:drop-shadow(0 4px 15px rgb(var(--palette-darkest-rgb, 0 0 0) / .05))}.pp-subscription-popup__plans .pp-subscription-option__input:focus-visible+.pp-subscription-option{outline:2px solid var(--pp-popup-text);outline-offset:2px}.pp-subscription-popup__plans .pp-subscription-option__mark{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:2rem;height:2rem}.pp-subscription-popup__plans .pp-subscription-option__mark-ring{display:block;width:1.5rem;height:1.5rem;border:1px solid #d0d2d3;border-radius:50%;box-sizing:border-box}.pp-subscription-popup__plans .pp-subscription-option__mark-fill{display:none;color:var(--pp-popup-accent)}.pp-subscription-popup__plans .pp-subscription-option__mark-fill svg{display:block;width:1.5rem;height:1.5rem}.pp-subscription-popup__plans .pp-subscription-option__input:checked+.pp-subscription-option .pp-subscription-option__mark-ring{display:none}.pp-subscription-popup__plans .pp-subscription-option__input:checked+.pp-subscription-option .pp-subscription-option__mark-fill{display:block}.pp-subscription-popup__plans .pp-subscription-option__content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-width:0}.pp-subscription-popup__plans .pp-subscription-option__name{font-size:var(--pp-font-button--size);line-height:var(--pp-font-button--line-height);font-weight:500}.pp-subscription-popup__plans .pp-subscription-option__note{font-size:var(--pp-font-body-sm--size);line-height:var(--pp-font-body-sm--line-height);font-weight:var(--pp-font-body-sm--weight);color:var(--pp-popup-muted)}.pp-subscription-popup__plans .pp-subscription-option__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-block-start:6px}.pp-subscription-popup__plans .pp-subscription-option__total{font-size:var(--pp-font-body-sm--size);line-height:var(--pp-font-body-sm--line-height);font-weight:700;white-space:nowrap}.pp-subscription-popup__plans .pp-subscription-option__compare{font-size:var(--pp-font-body-sm--size);line-height:var(--pp-font-body-sm--line-height);font-weight:var(--pp-font-body-sm--weight);white-space:nowrap;color:#595455}.pp-subscription-popup__plans .pp-subscription-option__saving{margin-block-start:2px;font-size:var(--pp-font-body-sm--size);line-height:var(--pp-font-body-sm--line-height);font-weight:600;color:#1f7a4d}.pp-subscription-popup__plans .pp-subscription-option__saving--plain{color:var(--pp-popup-muted)}.pp-subscription-popup__actions{display:flex;flex:none;flex-direction:column;gap:1.5rem;align-items:center;padding-inline:1rem;padding-block-end:env(safe-area-inset-bottom);background:var(--pp-popup-surface)}.pp-subscription-popup__accept{width:100%}.pp-subscription-popup__decline{padding:0;border:0;background:none;color:var(--pp-popup-accent);font-family:inherit;font-size:var(--pp-font-body--size);line-height:1.25rem;font-weight:500;text-decoration:underline;text-underline-offset:.25rem;cursor:pointer}.pp-subscription-popup__decline:focus-visible{outline:2px solid currentcolor;outline-offset:2px}@media screen and (min-width:750px){.pp-subscription-popup__dialog{border-radius:2rem;overflow:hidden auto}.pp-subscription-popup__scroll{display:contents}.pp-subscription-popup__panel{max-height:none;padding-block-end:2.5rem}.pp-subscription-popup__head,.pp-subscription-popup__card,.pp-subscription-popup__actions{margin-block-start:2rem}.pp-subscription-popup__media~.pp-subscription-popup__head{margin-block-start:0}.pp-subscription-popup__head{width:26.8125rem;max-width:100%;margin-inline:auto;padding-inline:0}.pp-subscription-popup__title{width:22.5625rem;max-width:100%}.pp-subscription-popup__card{flex-direction:row;gap:1.5rem;align-items:center;margin-inline:1.5rem;padding:2rem}.pp-subscription-popup__detail{flex:1 1 auto}.pp-subscription-popup__actions{padding-inline:0}.pp-subscription-popup__accept{width:33.3125rem;max-width:calc(100% - 3rem)}.pp-subscription-popup__plans .pp-subscription-option{gap:1rem;min-height:6.25rem;padding:1.25rem}}@keyframes pp-subscription-popup-in{0%{opacity:0;transform:translateY(1rem) scale(.98)}to{opacity:1;transform:none}}@keyframes pp-subscription-popup-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(.5rem) scale(.99)}}@keyframes pp-subscription-popup-veil-in{0%{opacity:0}to{opacity:1}}@keyframes pp-subscription-popup-veil-out{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/pp-subscription-popup.css.map */