.info-drawer-backdrop{position:fixed;z-index:210;inset:0;background:rgba(0,0,0,.22);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .28s}
.info-drawer-backdrop.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.product-dialog>.info-drawer-backdrop{z-index:300}
.info-drawer{position:absolute;top:0;right:0;width:min(780px,100%);height:100dvh;background:#fff;transform:translate3d(100%,0,0);transition:transform .38s cubic-bezier(.22,.75,.24,1);box-shadow:-12px 0 35px rgba(0,0,0,.08);overflow:hidden}
.info-drawer-backdrop.open .info-drawer{transform:translate3d(0,0,0)}
.info-drawer iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.info-drawer-close{position:absolute;z-index:3;top:max(20px,calc(env(safe-area-inset-top) + 14px));left:22px;width:38px;height:38px;padding:0;border:0;background:#fff;color:#000;cursor:pointer;-webkit-tap-highlight-color:transparent}
.info-drawer-close span{position:absolute;left:5px;top:18px;width:28px;height:1.5px;background:currentColor;transform-origin:center}
.info-drawer-close span:first-child{transform:rotate(45deg)}
.info-drawer-close span:last-child{transform:rotate(-45deg)}
.info-drawer-close:focus{outline:0}
@media(max-width:850px){.info-drawer-backdrop{background:#fff}.info-drawer{width:100%;box-shadow:none;transition-duration:.32s}}
@media(prefers-reduced-motion:reduce){.info-drawer,.info-drawer-backdrop{transition-duration:.01ms}}