.bong-popup{position:fixed;z-index:800;width:min(var(--popup-width),calc(100vw - 24px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#282420;border:1px solid #e7e0d7;border-radius:15px;box-shadow:0 14px 52px #251e2533;font-family:inherit;font-size:14px;line-height:1.5;text-align:left}
.bong-popup[hidden],.bong-popup [hidden]{display:none!important}
.bong-popup[data-position="BOTTOM_LEFT"]{left:clamp(12px,var(--popup-x),max(12px,calc(100vw - var(--popup-width) - 12px)));bottom:clamp(16px,var(--popup-y),25vh);max-height:calc(100dvh - clamp(16px,var(--popup-y),25vh) - 16px)}
.bong-popup[data-position="BOTTOM_RIGHT"]{right:clamp(12px,var(--popup-x),max(12px,calc(100vw - var(--popup-width) - 12px)));bottom:clamp(16px,var(--popup-y),25vh);max-height:calc(100dvh - clamp(16px,var(--popup-y),25vh) - 16px)}
.bong-popup[data-position="CENTER"]{left:50%;top:50%;transform:translate(-50%,-50%)}
.bong-popup__header{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 18px;flex-shrink:0;background:#fff}
.bong-popup__label{flex:1;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.4;color:#66513f}
.bong-popup button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit;box-shadow:none}
.bong-popup button:focus-visible,.bong-popup a:focus-visible{outline:2px solid #8c6550;outline-offset:-3px}
.bong-popup .bong-popup__close{flex-shrink:0;margin-left:auto;display:grid;place-items:center;width:36px;height:32px;padding:0;font-size:28px;font-weight:300;line-height:1}
.bong-popup__image-area{position:relative;overflow:auto;min-height:0;flex:1 1 auto;background:#f5f2ed;touch-action:pan-y}
.bong-popup__image-area picture,.bong-popup__image-area a{display:block;color:inherit}
.bong-popup__image-area img{display:block;width:auto;max-width:100%;height:var(--popup-height);max-height:calc(100dvh - 180px);object-fit:scale-down;margin:0 auto}
.bong-popup__image-status{display:block;padding:20px;text-align:center;font-size:13px;color:#766f68}
.bong-popup__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;gap:4px 8px;padding:5px 12px;border-top:1px solid #eee9e2;background:#faf8f5;flex-shrink:0}
.bong-popup__footer button{min-height:38px;padding:5px 6px;font-size:12px;white-space:nowrap;color:#665e56}
.bong-popup.is-mobile{width:min(480px,calc(100vw - 24px));max-height:72dvh;left:50%;right:auto;top:auto;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);border-radius:16px}
.bong-popup.is-mobile .bong-popup__image-area img{height:auto;max-height:calc(72dvh - 160px)}
.bong-popup.is-mobile .bong-popup__footer button{min-height:42px}
.bong-popup.is-embedded{position:absolute;z-index:1;width:min(var(--popup-width),calc(100% - 24px));max-height:calc(100% - 24px)}
.bong-popup.is-embedded[data-position="BOTTOM_LEFT"]{left:12px;bottom:12px}
.bong-popup.is-embedded[data-position="BOTTOM_RIGHT"]{right:12px;bottom:12px}
.bong-popup.is-embedded .bong-popup__image-area img{max-height:350px}
.bong-popup.is-embedded.is-mobile{width:calc(100% - 20px);left:50%;right:auto;bottom:10px;max-height:80%;transform:translateX(-50%)}
.bong-popup.is-embedded.is-mobile .bong-popup__image-area img{max-height:270px}
@media(prefers-reduced-motion:reduce){.bong-popup *{scroll-behavior:auto!important}}

.bong-popup-layout{position:fixed;inset:16px 12px;z-index:1001;display:flex;gap:16px;align-items:center;justify-content:space-between;pointer-events:none}
.bong-popup-layout[hidden],.bong-popup-group[hidden],.bong-popup-slot[hidden]{display:none!important}
.bong-popup-layout[data-alignment="CENTER"],.bong-popup-layout[data-alignment="MOBILE"]{justify-content:center}
.bong-popup-layout[data-alignment="BOTTOM_LEFT"]{justify-content:flex-start}
.bong-popup-layout[data-alignment="BOTTOM_RIGHT"]{justify-content:flex-end}
.bong-popup-group{display:flex;flex:0 1 auto;flex-wrap:wrap;gap:12px;align-items:flex-end;align-content:flex-start;width:max-content;min-width:0;max-width:100%;max-height:100%;overflow:auto;pointer-events:auto;overscroll-behavior:contain;filter:drop-shadow(0 8px 18px #251e2526)}
.bong-popup-group[data-position="CENTER"]{justify-content:center;align-items:center}
.bong-popup-group[data-position="BOTTOM_LEFT"]{align-self:flex-end;justify-content:flex-start}
.bong-popup-group[data-position="BOTTOM_RIGHT"]{align-self:flex-end;justify-content:flex-end}
.bong-popup-slot{--space-x:clamp(0px,calc(var(--popup-x) - 12px),20vw);--space-y:clamp(0px,calc(var(--popup-y) - 16px),20dvh);box-sizing:border-box;flex:0 1 auto;min-width:0;width:calc(var(--popup-width) + 2 * var(--space-x));max-width:100%;padding:0 min(var(--space-x),10%) var(--space-y)}
.bong-popup-slot[data-position="CENTER"]{--space-x:0px;--space-y:0px}
.bong-popup-layout .bong-popup{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;max-height:calc(100dvh - 32px - var(--space-y));box-sizing:border-box;box-shadow:none}
.bong-popup-layout .bong-popup.is-mobile{max-height:none}
.bong-popup-group[data-position="MOBILE"]{width:min(480px,100%);flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:flex-end}
.bong-popup-group[data-position="MOBILE"] .bong-popup-slot{--space-x:0px;--space-y:0px;width:100%;flex-shrink:0}
@media(max-width:767px){.bong-popup-layout{inset:12px 12px max(12px,env(safe-area-inset-bottom))}.bong-popup-group[data-position="MOBILE"]{max-height:calc(100dvh - 24px)}}