.my-shop-v2-host{box-sizing:border-box;width:min(1440px,calc(100vw - 16px));height:calc(100dvh - 16px);max-width:none;max-height:none;padding:8px;border:1px solid #b79961;border-radius:16px;background:#faf6eb;color:#4b3016;color-scheme:light;overflow:hidden}.my-shop-v2-host::backdrop{background:#21160dd9}
/* The body-level dialog is outside #app. Do not reuse the native .secondary
   class: brand-palette.css gives it a higher-specificity !important navy fill. */
.my-shop-v2-host.my-shop-v2-host>button.my-shop-v2-close{appearance:none;-webkit-appearance:none;display:block;min-height:44px;margin:0 0 6px auto;padding:8px 16px;cursor:pointer;background:#f5e5bd!important;background-image:none!important;color:#4b3016!important;-webkit-text-fill-color:#4b3016!important;color-scheme:light!important;border:1px solid #b88c40!important;border-radius:12px!important;box-shadow:none!important;font:700 14px/1.2 Arial,sans-serif!important;text-shadow:none!important}
.my-shop-v2-host.my-shop-v2-host>button.my-shop-v2-close:hover{background:#edd399!important}
.my-shop-v2-host.my-shop-v2-host>button.my-shop-v2-close:focus-visible{outline:3px solid #81521b!important;outline-offset:2px}
.my-shop-v2-host>iframe{display:block;border:0;width:100%;height:calc(100% - 50px);border-radius:8px}
@media(max-width:520px){.my-shop-v2-host{width:calc(100vw - 8px);height:calc(100dvh - 8px);padding:4px;border-radius:13px}.my-shop-v2-host.my-shop-v2-host>button.my-shop-v2-close{min-height:44px;margin-bottom:4px;padding:7px 13px}.my-shop-v2-host>iframe{height:calc(100% - 48px)}}