.pola-stage .pola-arrow-host { overflow: visible; }
.pola-stage .pola-arrow-host .pola-arrow { position: absolute; display: block; max-width: none; pointer-events: none; }

.pola-notice { z-index: 20; height: fit-content; position: fixed; inset: 0; margin: auto; width: min(410px, calc(100% - 32px)); max-height: calc(100svh - 40px); overflow: auto; padding: 38px 20px 28px; border: 1px solid #000; border-radius: 0; color: #000; background: #fff; text-align: center; }
.pola-notice::backdrop { background: transparent; }
.pola-notice p { margin: 0; font: 300 clamp(14px, 3.8vw, 18px)/1.45 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.pola-notice-close { position: absolute; top: 8px; right: 8px; width: 40px; height: 40px; padding: 0; border: 0; background: transparent; color: #000; cursor: pointer; }
.pola-notice-close::before, .pola-notice-close::after { content: ''; position: absolute; top: 19px; left: 10px; width: 20px; height: 1px; background: currentColor; transform: rotate(45deg); }
.pola-notice-close::after { transform: rotate(-45deg); }
.pola-notice-close:focus-visible { outline: 1px solid #000; outline-offset: -4px; }
@media (max-width: 600px) { .pola-notice { padding: 38px 16px 28px; } }

.pola-photo-trigger { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.pola-photo-trigger:focus-visible { outline: 2px solid #000; outline-offset: -3px; }