.occasion-popup{padding:0;border:1px solid #ffffff30;background:transparent;border-radius:12px;overflow:auto;width:fit-content;max-width:calc(100vw - 36px);max-height:calc(100dvh - 40px);box-shadow:0 22px 100px #0006;color:#344052}.occasion-popup::backdrop{background:#0a1325b8;backdrop-filter:blur(5px)}.occasion-popup-surface{position:relative;background:#fff;max-width:800px;overflow:hidden}.occasion-popup-close{position:absolute;right:12px;top:12px;z-index:2;display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff80;border-radius:50%;background:#ffffffed;color:#37475b;cursor:pointer;box-shadow:0 2px 10px #0001}.occasion-popup-close .ui-icon{width:20px;height:20px}.occasion-popup-close:hover{background:#fff;color:#d72c3d}.occasion-popup-close:focus-visible{outline:2px solid #d72c3d;outline-offset:3px}.occasion-popup-image{display:block;width:auto;max-width:min(800px,calc(100vw - 38px));height:auto;max-height:calc(100dvh - 42px);object-fit:contain;margin:auto;background:#f6f7fa}.has-occasion-popup{overflow:hidden}@media(max-width:600px){.occasion-popup{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:9px}.occasion-popup-image{max-width:calc(100vw - 26px);max-height:calc(100dvh - 26px)}.occasion-popup-close{right:10px;top:10px;width:38px;height:38px}}