.sp-modal{align-items:center;background:transparent;block-size:100%;border:none;inline-size:100%;inset:0;justify-content:center;margin:0;max-block-size:none;max-inline-size:none;overflow:hidden;padding:2rem;position:fixed;transition:overlay var(--modal-transition-length,.2s) ease allow-discrete,display var(--modal-transition-length,.2s) ease allow-discrete}.sp-modal[open]{display:flex}.sp-modal--fullscreen{padding:0}.sp-modal--fullscreen .sp-modal__dialog{--fs-inset-inline-start: calc(4rem + env(safe-area-inset-left)) ;--fs-inset-inline-end: calc(4rem + env(safe-area-inset-right)) ;background-color:var(--app-bg);block-size:100%;border-radius:0;inline-size:100%;max-block-size:none;max-inline-size:none;padding-block:calc(2rem + env(safe-area-inset-top)) calc(4rem + env(safe-area-inset-bottom));padding-inline:0}.sp-modal--fullscreen .sp-modal__dialog:has(form){max-inline-size:none}.sp-modal--fullscreen .sp-modal__close{right:calc(1rem + env(safe-area-inset-right));top:calc(1rem + env(safe-area-inset-top))}.sp-modal--fullscreen .sp-modal__body{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;overflow:visible}@media (width < 720px){.sp-modal--fullscreen-mobile{padding:0}.sp-modal--fullscreen-mobile .sp-modal__dialog{background-color:var(--app-bg);block-size:100%;border-radius:0;inline-size:100%;max-block-size:none;max-inline-size:none;padding-block:calc(2rem + env(safe-area-inset-top)) calc(2rem + env(safe-area-inset-bottom));padding-inline:calc(1.5rem + env(safe-area-inset-left)) calc(1.5rem + env(safe-area-inset-right))}.sp-modal--fullscreen-mobile .sp-modal__close{right:calc(1rem + env(safe-area-inset-right));top:calc(1rem + env(safe-area-inset-top))}.sp-modal--fullscreen-mobile .sp-modal__body{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;overflow:auto}}.sp-modal--window-scroll{overflow-y:auto}.sp-modal--window-scroll .sp-modal__dialog{margin-block:auto;max-block-size:none}.sp-modal::backdrop{background:#00000080;opacity:0;transition:opacity var(--modal-transition-length,.2s) ease,overlay var(--modal-transition-length,.2s) ease allow-discrete,display var(--modal-transition-length,.2s) ease allow-discrete}.sp-modal[open]::backdrop{opacity:1}@starting-style{.sp-modal[open]::backdrop{opacity:0}}.sp-modal__dialog{background:var(--modal-bg,var(--app-bg,#fff));border-radius:1rem;box-shadow:0 20px 50px #00000040;color:var(--modal-fg,var(--text-colour,#212121));display:flex;flex-direction:column;gap:var(--vertical-rhythm);inline-size:100%;max-block-size:min(85vh,1000px);max-inline-size:80rem;opacity:0;overflow:auto;padding:var(--modal-padding);position:relative;transform:translateY(2rem) scale(.95);transition:opacity var(--modal-transition-length,.2s) ease,transform var(--modal-transition-length,.2s) ease-out}.sp-modal__dialog:has(form){max-inline-size:50rem}.sp-modal[open] .sp-modal__dialog{opacity:1;transform:none}@starting-style{.sp-modal[open] .sp-modal__dialog{opacity:0;transform:translateY(2rem) scale(.95)}}@media (prefers-reduced-motion:reduce){.sp-modal,.sp-modal::backdrop,.sp-modal__dialog{transition-duration:.01ms}.sp-modal__dialog{transform:none}}.sp-modal__dialog--sm{max-inline-size:40rem;--modal-padding:4rem 2rem}.sp-modal__dialog--smmd{max-inline-size:60rem}.sp-modal__dialog--md{max-inline-size:80rem}.sp-modal__dialog--lg{max-inline-size:100rem}.sp-modal__dialog--xl{max-inline-size:120rem}.sp-modal__close{align-items:center;background:none;border:none;border-radius:.5rem;color:var(--text-colour);cursor:pointer;display:flex;gap:.5rem;height:4rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:4rem;z-index:22}.sp-modal__close>svg{block-size:2.4rem;inline-size:2.4rem}@media (hover:hover){.sp-modal__close:hover{background:rgba(var(--primary-rgb),.1)}}.has-narrow-content .sp-modal__body,.has-narrow-content .sp-modal__footer,.has-narrow-content .sp-modal__header{inline-size:100%;margin-inline:auto;max-inline-size:50rem}