.layout-box{--layout-box-background:var(--component);--layout-box-color:var(--text);background-color:var(--layout-box-background);border-radius:6px;color:var(--layout-box-color);padding:var(--box-padding)}.layout-box[data-no-radius=true]{border-radius:0}.layout-box[data-variant=outline]{--layout-box-background:var(--background);--layout-box-color:var(--text);border:1px solid var(--line)}.layout-box[data-variant=outline-primary]{--layout-box-background:var(--background);--layout-box-color:var(--text);border:1px solid var(--brand-border)}.layout-box[data-variant=outline-warning]{--layout-box-background:var(--background);--layout-box-color:var(--text);border:1px solid var(--warning-border)}.layout-box[data-variant=outline-danger]{--layout-box-background:var(--background);--layout-box-color:var(--text);border:1px solid var(--danger-border)}.layout-box[data-variant=primary]{--layout-box-background:var(--brand-component);--layout-box-color:var(--brand-text)}.layout-box[data-variant=light]{--layout-box-background:var(--background-subtle)}.layout-box[data-variant=success]{--layout-box-background:var(--brand-solid);--layout-box-color:#fff}.layout-box[data-variant=warning]{--layout-box-background:var(--warning-solid);--layout-box-color:var(--warning-text)}.layout-box[data-variant=danger]{--layout-box-background:var(--danger-solid);--layout-box-color:#fff}.layout-box[data-variant=overlay]{--layout-box-background:rgba(0,0,0,.75);--layout-box-color:#fff}.mypn-callout{align-items:flex-start;display:grid;font-size:.9rem;gap:var(--s-2);justify-content:flex-start;text-align:left}.mypn-callout>:where(:not(.mypn-callout-icon)){grid-column-start:-1}.mypn-callout p{margin:0}.mypn-callout+*{margin-top:var(--s0)}.mypn-callout-icon{align-items:center;display:flex;grid-column-start:-2;height:20px}