html.page-modal-open{overflow:hidden}.page-modal{padding:0;border:0;margin:0;max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;background:transparent;color:inherit;overflow:hidden}.page-modal::backdrop{background:#0000008c}.page-modal__shell{display:flex;flex-direction:column;width:100%;height:100%;background:rgb(var(--color-background))}.page-modal__top{display:flex;align-items:center;gap:1.2rem;flex:none;min-height:5.6rem;padding:.6rem .6rem .6rem 2rem;padding-top:max(.6rem,env(safe-area-inset-top));border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.page-modal__title{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-modal__full{flex:none;white-space:nowrap}.page-modal__close{flex:none;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:1.2rem;border:0;border-radius:50%;background:none;color:rgb(var(--color-foreground));cursor:pointer}.page-modal__close:hover{background:rgba(var(--color-foreground),.06)}.page-modal__close svg{width:2rem;height:2rem}.page-modal__body{position:relative;flex:1;min-height:0}.page-modal__frame{display:block;width:100%;height:100%;border:0;background:rgb(var(--color-background))}.page-modal.is-loading .page-modal__frame{visibility:hidden}.page-modal__spinner{display:none;position:absolute;top:50%;left:50%;width:3.2rem;height:3.2rem;margin:-1.6rem 0 0 -1.6rem;border:.3rem solid rgba(var(--color-foreground),.15);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:page-modal-spin .8s linear infinite}.page-modal.is-loading .page-modal__spinner{display:block}@keyframes page-modal-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.page-modal__spinner{animation-duration:2.4s}}@media screen and (max-width:480px){.page-modal__full{display:none}}@media screen and (min-width:750px){.page-modal{width:min(118rem,calc(100vw - 6.4rem));height:calc(100vh - 6.4rem);height:calc(100dvh - 6.4rem);margin:auto;border-radius:1.2rem;box-shadow:0 2.4rem 6rem #0000004d}.page-modal__top{padding:.8rem .8rem .8rem 2.8rem}}html.in-page-modal .shopify-section-group-header-group,html.in-page-modal .shopify-section-group-footer-group,html.in-page-modal .skip-to-content-link,html.in-page-modal cart-drawer,html.in-page-modal .preview-bar__container{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-page-modal.css.map */
