[data-uikit=modal-overlay]{z-index:200;background-color:var(--colour-scrim);position:fixed;inset:0}@media (width<=866px){[data-uikit=modal][data-fullscreen=true]{width:100dvw;height:100dvh;max-block-size:100dvh;padding:var(--space-4);border-width:2px 0;top:0;left:0;transform:none}[data-uikit=modal][data-fullscreen=true] [data-uikit=modal-top]{justify-content:space-between;align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}[data-uikit=modal][data-fullscreen=true] [data-uikit=modal-description]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}[data-uikit=modal]{z-index:201;width:min(400px, 100vw - var(--space-6));max-block-size:calc(100vh - var(--space-6));max-block-size:calc(100dvh - var(--space-6));gap:var(--space-3);background-color:var(--colour-panel);border:2px solid var(--colour-accent);--notch-line:var(--colour-accent);box-shadow:var(--shadow-6);flex-direction:column;padding:22px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}[data-uikit=modal]:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(135deg, transparent 0, transparent calc(calc(var(--notch) * .707107) - 2px), var(--notch-line) calc(calc(var(--notch) * .707107) - 2px), var(--notch-line) calc(var(--notch) * .707107), transparent calc(var(--notch) * .707107)), linear-gradient(315deg, transparent 0, transparent calc(calc(var(--notch) * .707107) - 2px), var(--notch-line) calc(calc(var(--notch) * .707107) - 2px), var(--notch-line) calc(var(--notch) * .707107), transparent calc(var(--notch) * .707107));position:absolute;inset:-2px}[data-uikit=modal]{clip-path:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch))}[data-uikit=modal-title]{font-family:var(--font-display);color:var(--colour-white);margin:0 0 14px;font-size:13px;line-height:1.6}[data-uikit=modal-description]{font-family:var(--font-body);color:var(--colour-dim);font-size:15px}[data-uikit=modal-body]{flex:auto;min-block-size:0;overflow-y:auto}[data-uikit=modal-close]{border:2px solid var(--colour-line);background-color:var(--colour-raised);color:inherit;padding:var(--space-2) var(--space-4);font-family:var(--font-display);text-transform:uppercase;cursor:pointer;align-self:flex-start;font-size:10px}[data-uikit=modal-close]:focus-visible{outline-offset:-2px;box-shadow:inset 0 0 0 2px var(--colour-gold), inset 0 0 0 4px var(--colour-ground);outline:2px solid #0000}
