.yhp{--yhp-gutter: 1.6rem;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:max(var(--yhp-gutter),env(safe-area-inset-top,0px)) max(var(--yhp-gutter),env(safe-area-inset-right,0px)) max(var(--yhp-gutter),env(safe-area-inset-bottom,0px)) max(var(--yhp-gutter),env(safe-area-inset-left,0px));opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.yhp[hidden]{display:none!important}.yhp.is-open{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s linear 0s}.yhp__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;overscroll-behavior:contain;touch-action:none}.yhp__dialog{position:relative;z-index:1;display:block;max-width:100%;line-height:0;background:#121212;border-radius:.4rem;box-shadow:0 1.6rem 4rem #00000073;overflow:visible;outline:none;transform:translateY(.8rem) scale(.98);transition:transform .3s ease}.yhp.is-open .yhp__dialog{transform:none}.yhp__img{display:block;width:auto;height:auto;max-width:min(var(--yhp-width, 44rem),calc(100vw - 2 * var(--yhp-gutter) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:min(80vh,calc(100vh - 2 * var(--yhp-gutter) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));border-radius:.4rem;object-fit:contain}@supports (height: 100dvh){.yhp__img{max-height:min(80dvh,calc(100dvh - 2 * var(--yhp-gutter) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}}.yhp__close{position:absolute;top:.8rem;right:.8rem;z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0;padding:0;color:#121212;background:#fff;border:.2rem solid rgba(18,18,18,.9);border-radius:50%;box-shadow:0 .2rem .8rem #0006;cursor:pointer;line-height:1;-webkit-tap-highlight-color:transparent}.yhp__close:hover{background:#f2f2f2}.yhp__close:focus-visible{outline:.3rem solid #ffffff;outline-offset:.2rem;box-shadow:0 0 0 .5rem #121212}@media screen and (max-width:749px){.yhp{--yhp-gutter: 1.2rem}.yhp__img{max-width:min(var(--yhp-width, 44rem),84vw)}.yhp__close{top:.6rem;right:.6rem}}@media(prefers-reduced-motion:reduce){.yhp,.yhp.is-open,.yhp__dialog{transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/youghazi-popup.css.map */