.pn-modal-overlay{background-color:rgba(0,0,0,var(--pn-modal-overlay-opacity,.5))}.pn-modal .offcanvas{--bs-offcanvas-width: calc(100vw - 48px) }.pn-modal-content{position:absolute}.pn-modal-scroll-container{height:100%;overflow:auto;position:absolute}.pn-modal-scroll{background-color:var(--background);margin-left:auto;margin-right:auto;pointer-events:all;position:relative}.pn-modal-scroll .modal-body{overflow:auto}.pn-modal-scroll[data-scroll-element=body]{display:flex;flex-direction:column;height:calc(100% - var(--s0));margin-top:var(--s0)}@media (min-width:576px){.pn-modal-scroll[data-scroll-element=body]{border-radius:.5rem;display:block;height:auto;margin:var(--s3) auto var(--s0) auto;max-width:520px;width:90vw}.pn-modal-scroll[data-scroll-element=body] .modal-body{overflow:visible}}.pn-modal-scroll[data-scroll-element=modal]{height:100%}@media (min-width:576px){.pn-modal-scroll[data-scroll-element=modal]{border-radius:.5rem .5rem 0 0;height:calc(100% - var(--s0));margin-top:var(--s0)}}.pn-modal-scroll[data-scroll-element=modal] .layout-sidebar{height:100%}.pn-modal-scroll[data-scroll-element=modal] .pn-modal-side-content{display:flex;flex-direction:column;height:100%}@media (min-width:576px){.pn-modal-scroll[data-size=lg]{max-width:800px}}.pn-modal-scroll[data-size=xl]{max-width:1140px}.pn-modal-scroll[data-size=xxl]{max-width:1400px}.pn-modal-scroll .pn-modal-side{background-color:var(--brand-background-subtle);display:none;height:100%;overflow:auto}@media (min-width:576px){.pn-modal-scroll .pn-modal-side{display:block}}.pn-modal-scroll .modal-header{position:relative}.pn-modal-scroll .modal-header .btn-close{position:absolute;top:calc(var(--s0) + 4px);z-index:10}.pn-modal-scroll .modal-toolbar{padding:var(--bs-modal-header-padding)}.pn-modal-scroll .modal-toolbar:empty{display:none}[dir=ltr] .pn-modal-scroll .pn-modal-side{border-radius:.5rem 0 0;padding:var(--s1) var(--s1) var(--s1) var(--s0)}[dir=ltr] .pn-modal-scroll .modal-header{padding-right:calc(var(--s1) + 32px)}[dir=ltr] .pn-modal-scroll .modal-header .btn-close{right:var(--s1)}[dir=rtl] .pn-modal-scroll .pn-modal-side{border-radius:0 .5rem 0 0;padding:var(--s1) var(--s0) var(--s1) var(--s1)}[dir=rtl] .pn-modal-scroll .modal-header{padding-left:calc(var(--s1) + 32px)}[dir=rtl] .pn-modal-scroll .modal-header .btn-close{left:var(--s1)}