.s-pdp-modal{display:none;inset:0;margin:auto;max-height:100dvh;max-width:26rem;opacity:0;position:fixed;transform:translateY(100%);transition:opacity .25s ease-in-out,transform .25s ease-in-out;width:100%;z-index:-10}.s-pdp-modal.is-active{align-items:center;display:flex;flex-direction:column;justify-content:center;pointer-events:none;z-index:11}.s-pdp-modal.is-visible{opacity:1;transform:translateY(0)}.s-pdp-modal>*{-ms-overflow-style:none;background-color:var(--surface-global-primary);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;position:relative;scrollbar-width:none;width:100%}.s-pdp-modal>::-webkit-scrollbar{background:transparent;display:none;height:0;width:0}.s-pdp-modal>::-moz-scrollbar{display:none}.s-pdp-modal--xs{max-width:50rem}.s-pdp-modal--small{max-width:40rem}.s-pdp-modal--medium{max-width:52.5rem}.s-pdp-modal--large{max-width:79.5rem}.s-pdp-modal--full-width .s-pdp-modal__close-btn{position:fixed}.s-pdp-modal__inner{--inner-padding:1.5rem 1.25rem;display:grid;gap:1.5rem;padding:var(--inner-padding)}.s-pdp-modal__close-btn{position:absolute;right:.5rem;top:.5rem}.s-pdp-modal__title{font-family:var(--font-typeface-display);font-size:var(--font-display-md);font-weight:700;line-height:1.1}.s-pdp-modal__form{display:grid;gap:1.5rem}.s-pdp-modal__media-list{display:grid;gap:.5rem}@media only screen and (min-width:48em){.s-pdp-modal{max-height:95vh;width:95%}.s-pdp-modal--xs{max-width:30rem}.s-pdp-modal--full-width{max-height:calc(100vh - 3rem);max-width:none;width:calc(100vw - 3rem)}.s-pdp-modal__inner{--inner-padding:1.5rem;border-radius:1.25rem}}@media only screen and (min-width:64em){.s-pdp-modal__inner{--inner-padding:2rem}}@media only screen and (min-width:80em){.s-pdp-modal--xs .s-pdp-modal__inner{--inner-padding:2rem}.s-pdp-modal__inner{--inner-padding:3rem}}@media only screen and (max-width:calc(48em - 1px)){.s-pdp-modal.is-active{justify-content:stretch}.s-pdp-modal .s-pdp-modal__inner{height:100%}.s-pdp-modal--bottom-aligned{padding-top:2rem}.s-pdp-modal--bottom-aligned.is-active{justify-content:flex-end}.s-pdp-modal--bottom-aligned>*{background-color:transparent;height:auto!important;padding:2rem 0 0}.s-pdp-modal--bottom-aligned .s-pdp-modal__close-btn{border:.25rem solid var(--border-global-light)}}