body{--x-grid-padding: 0.6em;--x-grid-border-width: 1px;--x-grid-border-radius: var(--callout-radius, 3px);--x-grid-border-opacity: 80%;--x-grid-bg-opacity: 15%;--x-grid-border-color: hsla(200, 15%, 39%, var(--x-grid-border-opacity));--x-grid-bg-color: hsla(200, 15%, 39%, var(--x-grid-bg-opacity));--x-grid-gap: 0.75rem;--x-grid-margin-bottom: 2rem}.callout[data-callout*=grid]:not([data-callout*=grid-item]){:is(&,&>.callout-content>.callout[data-callout*=grid-item]){&,&>.callout-content{padding:0;margin:0;border:0;background-color:transparent}.markdown-source-view.mod-cm6 .callout-content &{margin:0}&>.callout-title{display:none}}&>.callout-content>.callout,.markdown-source-view.mod-cm6 .callout-content &>.callout-content>.callout{margin:0}:is(.el-div,.markdown-rendered):has(>&):has(+*:not(.el-div,.el-hr)){margin-block-end:var(--x-grid-margin-bottom)}.el-div:has(&)+.el-div{margin-block-start:var(--x-grid-padding)}&>.callout-content>ul{display:contents}&>.callout-content>ul{&,&>li>ul{list-style-type:none}&>li,&>li>ul>li{display:block;margin-inline-start:unset}&>li>.list-bullet,&>li>ul>li>.list-bullet{display:none}}&>.callout-content>.callout>.callout-content>:is(ul,ol,p,h1,h2,h3,h4,h5,h6){margin-block:var(--x-grid-padding)}&>.callout-content>ul{&{margin-block-start:0;margin-block-end:0}&>li>ul>li>ul>li{margin-inline-start:3ch}&>li::before,&>li>ul::before,&>li>ul>li::before,&>li>ul>li>ul::before,&>li>ul::after,&>li>ul>li>ul::after{display:none}}&>.callout-content>.callout{&[data-callout*=col-span-2]{grid-column:2 span}&[data-callout*=col-span-3]{grid-column:3 span}&[data-callout*=col-span-4]{grid-column:4 span}&[data-callout*=col-span-5]{grid-column:5 span}&[data-callout*=col-span-6]{grid-column:6 span}&[data-callout*=col-span-7]{grid-column:7 span}&[data-callout*=col-span-8]{grid-column:8 span}&[data-callout*=row-span-2]{grid-row:2 span}&[data-callout*=row-span-3]{grid-row:3 span}&[data-callout*=row-span-4]{grid-row:4 span}&[data-callout*=row-span-5]{grid-row:5 span}&[data-callout*=row-span-6]{grid-row:6 span}&[data-callout*=row-span-7]{grid-row:7 span}&[data-callout*=row-span-8]{grid-row:8 span}}&:not([data-callout*=grid-auto])>.callout-content{display:grid;grid-template-columns:var(--x-grid-template-columns)}&{--x-grid-template-columns-all-col-size: auto;--x-grid-template-columns-col-1-size: var(--x-grid-template-columns-all-col-size);--x-grid-template-columns-col-2-size: var(--x-grid-template-columns-all-col-size);--x-grid-template-columns-col-3-size: var(--x-grid-template-columns-all-col-size);--x-grid-template-columns-col-4-size: var(--x-grid-template-columns-all-col-size);--x-grid-template-columns-col-5-size: var(--x-grid-template-columns-all-col-size);--x-grid-template-columns-col-6-size: var(--x-grid-template-columns-all-col-size);--x-grid-template-columns-col-7-size: var(--x-grid-template-columns-all-col-size);--x-grid-template-columns-col-8-size: var(--x-grid-template-columns-all-col-size)}&:is([data-callout*=all-col-1],[data-callout*=same-width],[data-callout*=grid-card]){--x-grid-template-columns-all-col-size: 1fr}&{&[data-callout*=all-col-1]{--x-grid-template-columns-all-col-size: 1fr}&[data-callout*=all-col-2]{--x-grid-template-columns-all-col-size: 2fr}&[data-callout*=all-col-3]{--x-grid-template-columns-all-col-size: 3fr}&[data-callout*=all-col-4]{--x-grid-template-columns-all-col-size: 4fr}&[data-callout*=all-col-5]{--x-grid-template-columns-all-col-size: 5fr}&[data-callout*=all-col-6]{--x-grid-template-columns-all-col-size: 6fr}&[data-callout*=all-col-7]{--x-grid-template-columns-all-col-size: 7fr}&[data-callout*=all-col-8]{--x-grid-template-columns-all-col-size: 8fr}}&{&[data-callout*=col-1-auto]{--x-grid-template-columns-col-1-size: auto}&[data-callout*=col-1-1]{--x-grid-template-columns-col-1-size: 1fr}&[data-callout*=col-1-2]{--x-grid-template-columns-col-1-size: 2fr}&[data-callout*=col-1-3]{--x-grid-template-columns-col-1-size: 3fr}&[data-callout*=col-1-4]{--x-grid-template-columns-col-1-size: 4fr}&[data-callout*=col-1-5]{--x-grid-template-columns-col-1-size: 5fr}&[data-callout*=col-1-6]{--x-grid-template-columns-col-1-size: 6fr}&[data-callout*=col-1-7]{--x-grid-template-columns-col-1-size: 7fr}&[data-callout*=col-1-8]{--x-grid-template-columns-col-1-size: 8fr}&[data-callout*=col-2-auto]{--x-grid-template-columns-col-2-size: auto}&[data-callout*=col-2-1]{--x-grid-template-columns-col-2-size: 1fr}&[data-callout*=col-2-2]{--x-grid-template-columns-col-2-size: 2fr}&[data-callout*=col-2-3]{--x-grid-template-columns-col-2-size: 3fr}&[data-callout*=col-2-4]{--x-grid-template-columns-col-2-size: 4fr}&[data-callout*=col-2-5]{--x-grid-template-columns-col-2-size: 5fr}&[data-callout*=col-2-6]{--x-grid-template-columns-col-2-size: 6fr}&[data-callout*=col-2-7]{--x-grid-template-columns-col-2-size: 7fr}&[data-callout*=col-2-8]{--x-grid-template-columns-col-2-size: 8fr}&[data-callout*=col-3-auto]{--x-grid-template-columns-col-3-size: auto}&[data-callout*=col-3-1]{--x-grid-template-columns-col-3-size: 1fr}&[data-callout*=col-3-2]{--x-grid-template-columns-col-3-size: 2fr}&[data-callout*=col-3-3]{--x-grid-template-columns-col-3-size: 3fr}&[data-callout*=col-3-4]{--x-grid-template-columns-col-3-size: 4fr}&[data-callout*=col-3-5]{--x-grid-template-columns-col-3-size: 5fr}&[data-callout*=col-3-6]{--x-grid-template-columns-col-3-size: 6fr}&[data-callout*=col-3-7]{--x-grid-template-columns-col-3-size: 7fr}&[data-callout*=col-3-8]{--x-grid-template-columns-col-3-size: 8fr}&[data-callout*=col-4-auto]{--x-grid-template-columns-col-4-size: auto}&[data-callout*=col-4-1]{--x-grid-template-columns-col-4-size: 1fr}&[data-callout*=col-4-2]{--x-grid-template-columns-col-4-size: 2fr}&[data-callout*=col-4-3]{--x-grid-template-columns-col-4-size: 3fr}&[data-callout*=col-4-4]{--x-grid-template-columns-col-4-size: 4fr}&[data-callout*=col-4-5]{--x-grid-template-columns-col-4-size: 5fr}&[data-callout*=col-4-6]{--x-grid-template-columns-col-4-size: 6fr}&[data-callout*=col-4-7]{--x-grid-template-columns-col-4-size: 7fr}&[data-callout*=col-4-8]{--x-grid-template-columns-col-4-size: 8fr}&[data-callout*=col-5-auto]{--x-grid-template-columns-col-5-size: auto}&[data-callout*=col-5-1]{--x-grid-template-columns-col-5-size: 1fr}&[data-callout*=col-5-2]{--x-grid-template-columns-col-5-size: 2fr}&[data-callout*=col-5-3]{--x-grid-template-columns-col-5-size: 3fr}&[data-callout*=col-5-4]{--x-grid-template-columns-col-5-size: 4fr}&[data-callout*=col-5-5]{--x-grid-template-columns-col-5-size: 5fr}&[data-callout*=col-5-6]{--x-grid-template-columns-col-5-size: 6fr}&[data-callout*=col-5-7]{--x-grid-template-columns-col-5-size: 7fr}&[data-callout*=col-5-8]{--x-grid-template-columns-col-5-size: 8fr}&[data-callout*=col-6-auto]{--x-grid-template-columns-col-6-size: auto}&[data-callout*=col-6-1]{--x-grid-template-columns-col-6-size: 1fr}&[data-callout*=col-6-2]{--x-grid-template-columns-col-6-size: 2fr}&[data-callout*=col-6-3]{--x-grid-template-columns-col-6-size: 3fr}&[data-callout*=col-6-4]{--x-grid-template-columns-col-6-size: 4fr}&[data-callout*=col-6-5]{--x-grid-template-columns-col-6-size: 5fr}&[data-callout*=col-6-6]{--x-grid-template-columns-col-6-size: 6fr}&[data-callout*=col-6-7]{--x-grid-template-columns-col-6-size: 7fr}&[data-callout*=col-6-8]{--x-grid-template-columns-col-6-size: 8fr}&[data-callout*=col-7-auto]{--x-grid-template-columns-col-7-size: auto}&[data-callout*=col-7-1]{--x-grid-template-columns-col-7-size: 1fr}&[data-callout*=col-7-2]{--x-grid-template-columns-col-7-size: 2fr}&[data-callout*=col-7-3]{--x-grid-template-columns-col-7-size: 3fr}&[data-callout*=col-7-4]{--x-grid-template-columns-col-7-size: 4fr}&[data-callout*=col-7-5]{--x-grid-template-columns-col-7-size: 5fr}&[data-callout*=col-7-6]{--x-grid-template-columns-col-7-size: 6fr}&[data-callout*=col-7-7]{--x-grid-template-columns-col-7-size: 7fr}&[data-callout*=col-7-8]{--x-grid-template-columns-col-7-size: 8fr}&[data-callout*=col-8-auto]{--x-grid-template-columns-col-8-size: auto}&[data-callout*=col-8-1]{--x-grid-template-columns-col-8-size: 1fr}&[data-callout*=col-8-2]{--x-grid-template-columns-col-8-size: 2fr}&[data-callout*=col-8-3]{--x-grid-template-columns-col-8-size: 3fr}&[data-callout*=col-8-4]{--x-grid-template-columns-col-8-size: 4fr}&[data-callout*=col-8-5]{--x-grid-template-columns-col-8-size: 5fr}&[data-callout*=col-8-6]{--x-grid-template-columns-col-8-size: 6fr}&[data-callout*=col-8-7]{--x-grid-template-columns-col-8-size: 7fr}&[data-callout*=col-8-8]{--x-grid-template-columns-col-8-size: 8fr}}&{&[data-callout*=grid-1]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size)}&[data-callout*=grid-2],&[data-callout*=grid-card-2]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size)}&[data-callout*=grid-3],&[data-callout*=grid-card-3],&[data-callout*=grid-card]:not([data-callout*=grid-card-2]){--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size)}&[data-callout*=grid-4]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size)}&[data-callout*=grid-5]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size) var(--x-grid-template-columns-col-5-size)}&[data-callout*=grid-6]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size) var(--x-grid-template-columns-col-5-size) var(--x-grid-template-columns-col-6-size)}&[data-callout*=grid-7]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size) var(--x-grid-template-columns-col-5-size) var(--x-grid-template-columns-col-6-size) var(--x-grid-template-columns-col-7-size)}&[data-callout*=grid-8]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size) var(--x-grid-template-columns-col-5-size) var(--x-grid-template-columns-col-6-size) var(--x-grid-template-columns-col-7-size) var(--x-grid-template-columns-col-8-size)}}&[data-callout*=grid-auto]{&>.callout-content,&>.callout-content>ul{display:flex;flex-direction:row;flex-wrap:wrap}}&>.callout-content>ul>li{padding:var(--x-grid-padding) 0}&:is([data-callout*=padding],[data-callout*=card]){&>.callout-content>.callout:is([data-callout*=grid-item],:not([data-callout*=grid])){&{padding:0}&>.callout-title{padding:var(--x-grid-padding, var(--p-spacing));padding-bottom:0}&>.callout-content{padding:0 var(--x-grid-padding, var(--p-spacing))}}&>.callout-content>ul>li{padding:var(--x-grid-padding) var(--x-grid-padding, var(--p-spacing))}}&:is([data-callout*=bg],[data-callout*=card]){&>.callout-content>.callout[data-callout*=grid-item]>.callout-content,&>.callout-content>ul>li{background-color:var(--x-grid-bg-color)}}&:is([data-callout*=border],[data-callout*=card]){&>.callout-content>.callout[data-callout*=grid-item]>.callout-content,&>.callout-content>ul>li{border-radius:var(--x-grid-border-radius, 0);border:var(--x-grid-border-width) solid var(--x-grid-border-color)}}&:is([data-callout*=gap],[data-callout*=card]){&>.callout-content,&>.callout-content>ul{grid-gap:var(--x-grid-gap)}}&:is([data-callout*=same-height],[data-callout*=card]){&>.callout-content>.callout>.callout-content{height:100%;width:100%}}&[data-callout*=same-height-all]{&>.callout-content,&>.callout-content>ul{grid-auto-rows:1fr}}&[data-callout*=center]{&>.callout-content>.callout>.callout-content,&>.callout-content ul>li{text-align:center;margin-inline-start:unset;margin-inline-end:unset}&>.callout-content>.callout>.callout-content>:is(.callout,pre,[class*=block-language]),&>.callout-content>ul>li>ul>:is(.callout,pre,[class*=block-language]){text-align:left}&>.callout-content>.callout>.callout-content>:is(ul,ol),&>.callout-content>ul>li>ul>:is(.callout,pre,[class*=block-language]){display:table;margin-right:auto;margin-left:auto}}&[data-callout*=right]{&>.callout-content>.callout>.callout-content,&>.callout-content ul>li{text-align:right;margin-inline-start:unset;margin-inline-end:unset}&>.callout-content>.callout>.callout-content>:is(.callout,pre,[class*=block-language]),&>.callout-content>ul>li>ul>:is(.callout,pre,[class*=block-language]){text-align:left}&>.callout-content>.callout>.callout-content>:is(ul,ol),&>.callout-content>ul>li>ul>:is(ul,ol){display:table;margin-left:auto}}&[data-callout*=middle]{&>.callout-content>.callout>.callout-content,&>.callout-content ul>li{display:flex;flex-direction:column;justify-content:center}}&[data-callout*=bottom]{&>.callout-content>.callout>.callout-content,&>.callout-content ul>li{display:flex;flex-direction:column;justify-content:end}}&[data-callout*=top]{&>.callout-content>.callout>.callout-content,&>.callout-content ul>li{display:flex;flex-direction:column;justify-content:start}}}@media screen and (min-width: 750px)and (max-width: 1000px){&{&[data-callout*=all-tablet-col-1]{--x-grid-template-columns-all-col-size: 1fr}&[data-callout*=all-tablet-col-2]{--x-grid-template-columns-all-col-size: 2fr}&[data-callout*=all-tablet-col-3]{--x-grid-template-columns-all-col-size: 3fr}&[data-callout*=all-tablet-col-4]{--x-grid-template-columns-all-col-size: 4fr}&[data-callout*=all-tablet-col-5]{--x-grid-template-columns-all-col-size: 5fr}&[data-callout*=all-tablet-col-6]{--x-grid-template-columns-all-col-size: 6fr}&[data-callout*=all-tablet-col-7]{--x-grid-template-columns-all-col-size: 7fr}&[data-callout*=all-tablet-col-8]{--x-grid-template-columns-all-col-size: 8fr}}}@media screen and (max-width: 750px){&{&[data-callout*=all-mobile-col-1]{--x-grid-template-columns-all-col-size: 1fr}&[data-callout*=all-mobile-col-2]{--x-grid-template-columns-all-col-size: 2fr}&[data-callout*=all-mobile-col-3]{--x-grid-template-columns-all-col-size: 3fr}&[data-callout*=all-mobile-col-4]{--x-grid-template-columns-all-col-size: 4fr}&[data-callout*=all-mobile-col-5]{--x-grid-template-columns-all-col-size: 5fr}&[data-callout*=all-mobile-col-6]{--x-grid-template-columns-all-col-size: 6fr}&[data-callout*=all-mobile-col-7]{--x-grid-template-columns-all-col-size: 7fr}&[data-callout*=all-mobile-col-8]{--x-grid-template-columns-all-col-size: 8fr}}}@media screen and (min-width: 750px)and (max-width: 1000px){.callout[data-callout*=grid]:not([data-callout*=grid-item]){&[data-callout*=tablet-col-1-auto]{--x-grid-template-columns-col-1-size: auto}&[data-callout*=tablet-col-1-1]{--x-grid-template-columns-col-1-size: 1fr}&[data-callout*=tablet-col-1-2]{--x-grid-template-columns-col-1-size: 2fr}&[data-callout*=tablet-col-1-3]{--x-grid-template-columns-col-1-size: 3fr}&[data-callout*=tablet-col-1-4]{--x-grid-template-columns-col-1-size: 4fr}&[data-callout*=tablet-col-1-5]{--x-grid-template-columns-col-1-size: 5fr}&[data-callout*=tablet-col-1-6]{--x-grid-template-columns-col-1-size: 6fr}&[data-callout*=tablet-col-1-7]{--x-grid-template-columns-col-1-size: 7fr}&[data-callout*=tablet-col-1-8]{--x-grid-template-columns-col-1-size: 8fr}&[data-callout*=tablet-col-2-auto]{--x-grid-template-columns-col-2-size: auto}&[data-callout*=tablet-col-2-1]{--x-grid-template-columns-col-2-size: 1fr}&[data-callout*=tablet-col-2-2]{--x-grid-template-columns-col-2-size: 2fr}&[data-callout*=tablet-col-2-3]{--x-grid-template-columns-col-2-size: 3fr}&[data-callout*=tablet-col-2-4]{--x-grid-template-columns-col-2-size: 4fr}&[data-callout*=tablet-col-2-5]{--x-grid-template-columns-col-2-size: 5fr}&[data-callout*=tablet-col-2-6]{--x-grid-template-columns-col-2-size: 6fr}&[data-callout*=tablet-col-2-7]{--x-grid-template-columns-col-2-size: 7fr}&[data-callout*=tablet-col-2-8]{--x-grid-template-columns-col-2-size: 8fr}&[data-callout*=tablet-col-3-auto]{--x-grid-template-columns-col-3-size: auto}&[data-callout*=tablet-col-3-1]{--x-grid-template-columns-col-3-size: 1fr}&[data-callout*=tablet-col-3-2]{--x-grid-template-columns-col-3-size: 2fr}&[data-callout*=tablet-col-3-3]{--x-grid-template-columns-col-3-size: 3fr}&[data-callout*=tablet-col-3-4]{--x-grid-template-columns-col-3-size: 4fr}&[data-callout*=tablet-col-3-5]{--x-grid-template-columns-col-3-size: 5fr}&[data-callout*=tablet-col-3-6]{--x-grid-template-columns-col-3-size: 6fr}&[data-callout*=tablet-col-3-7]{--x-grid-template-columns-col-3-size: 7fr}&[data-callout*=tablet-col-3-8]{--x-grid-template-columns-col-3-size: 8fr}&[data-callout*=tablet-col-4-auto]{--x-grid-template-columns-col-4-size: auto}&[data-callout*=tablet-col-4-1]{--x-grid-template-columns-col-4-size: 1fr}&[data-callout*=tablet-col-4-2]{--x-grid-template-columns-col-4-size: 2fr}&[data-callout*=tablet-col-4-3]{--x-grid-template-columns-col-4-size: 3fr}&[data-callout*=tablet-col-4-4]{--x-grid-template-columns-col-4-size: 4fr}&[data-callout*=tablet-col-4-5]{--x-grid-template-columns-col-4-size: 5fr}&[data-callout*=tablet-col-4-6]{--x-grid-template-columns-col-4-size: 6fr}&[data-callout*=tablet-col-4-7]{--x-grid-template-columns-col-4-size: 7fr}&[data-callout*=tablet-col-4-8]{--x-grid-template-columns-col-4-size: 8fr}&[data-callout*=tablet-col-5-auto]{--x-grid-template-columns-col-5-size: auto}&[data-callout*=tablet-col-5-1]{--x-grid-template-columns-col-5-size: 1fr}&[data-callout*=tablet-col-5-2]{--x-grid-template-columns-col-5-size: 2fr}&[data-callout*=tablet-col-5-3]{--x-grid-template-columns-col-5-size: 3fr}&[data-callout*=tablet-col-5-4]{--x-grid-template-columns-col-5-size: 4fr}&[data-callout*=tablet-col-5-5]{--x-grid-template-columns-col-5-size: 5fr}&[data-callout*=tablet-col-5-6]{--x-grid-template-columns-col-5-size: 6fr}&[data-callout*=tablet-col-5-7]{--x-grid-template-columns-col-5-size: 7fr}&[data-callout*=tablet-col-5-8]{--x-grid-template-columns-col-5-size: 8fr}&[data-callout*=tablet-col-6-auto]{--x-grid-template-columns-col-6-size: auto}&[data-callout*=tablet-col-6-1]{--x-grid-template-columns-col-6-size: 1fr}&[data-callout*=tablet-col-6-2]{--x-grid-template-columns-col-6-size: 2fr}&[data-callout*=tablet-col-6-3]{--x-grid-template-columns-col-6-size: 3fr}&[data-callout*=tablet-col-6-4]{--x-grid-template-columns-col-6-size: 4fr}&[data-callout*=tablet-col-6-5]{--x-grid-template-columns-col-6-size: 5fr}&[data-callout*=tablet-col-6-6]{--x-grid-template-columns-col-6-size: 6fr}&[data-callout*=tablet-col-6-7]{--x-grid-template-columns-col-6-size: 7fr}&[data-callout*=tablet-col-6-8]{--x-grid-template-columns-col-6-size: 8fr}&[data-callout*=tablet-col-7-auto]{--x-grid-template-columns-col-7-size: auto}&[data-callout*=tablet-col-7-1]{--x-grid-template-columns-col-7-size: 1fr}&[data-callout*=tablet-col-7-2]{--x-grid-template-columns-col-7-size: 2fr}&[data-callout*=tablet-col-7-3]{--x-grid-template-columns-col-7-size: 3fr}&[data-callout*=tablet-col-7-4]{--x-grid-template-columns-col-7-size: 4fr}&[data-callout*=tablet-col-7-5]{--x-grid-template-columns-col-7-size: 5fr}&[data-callout*=tablet-col-7-6]{--x-grid-template-columns-col-7-size: 6fr}&[data-callout*=tablet-col-7-7]{--x-grid-template-columns-col-7-size: 7fr}&[data-callout*=tablet-col-7-8]{--x-grid-template-columns-col-7-size: 8fr}&[data-callout*=tablet-col-8-auto]{--x-grid-template-columns-col-8-size: auto}&[data-callout*=tablet-col-8-1]{--x-grid-template-columns-col-8-size: 1fr}&[data-callout*=tablet-col-8-2]{--x-grid-template-columns-col-8-size: 2fr}&[data-callout*=tablet-col-8-3]{--x-grid-template-columns-col-8-size: 3fr}&[data-callout*=tablet-col-8-4]{--x-grid-template-columns-col-8-size: 4fr}&[data-callout*=tablet-col-8-5]{--x-grid-template-columns-col-8-size: 5fr}&[data-callout*=tablet-col-8-6]{--x-grid-template-columns-col-8-size: 6fr}&[data-callout*=tablet-col-8-7]{--x-grid-template-columns-col-8-size: 7fr}&[data-callout*=tablet-col-8-8]{--x-grid-template-columns-col-8-size: 8fr}}}@media screen and (max-width: 750px){.callout[data-callout*=grid]:not([data-callout*=grid-item]){&[data-callout*=mobile-col-1-auto]{--x-grid-template-columns-col-1-size: auto}&[data-callout*=mobile-col-1-1]{--x-grid-template-columns-col-1-size: 1fr}&[data-callout*=mobile-col-1-2]{--x-grid-template-columns-col-1-size: 2fr}&[data-callout*=mobile-col-1-3]{--x-grid-template-columns-col-1-size: 3fr}&[data-callout*=mobile-col-1-4]{--x-grid-template-columns-col-1-size: 4fr}&[data-callout*=mobile-col-1-5]{--x-grid-template-columns-col-1-size: 5fr}&[data-callout*=mobile-col-1-6]{--x-grid-template-columns-col-1-size: 6fr}&[data-callout*=mobile-col-1-7]{--x-grid-template-columns-col-1-size: 7fr}&[data-callout*=mobile-col-1-8]{--x-grid-template-columns-col-1-size: 8fr}&[data-callout*=mobile-col-2-auto]{--x-grid-template-columns-col-2-size: auto}&[data-callout*=mobile-col-2-1]{--x-grid-template-columns-col-2-size: 1fr}&[data-callout*=mobile-col-2-2]{--x-grid-template-columns-col-2-size: 2fr}&[data-callout*=mobile-col-2-3]{--x-grid-template-columns-col-2-size: 3fr}&[data-callout*=mobile-col-2-4]{--x-grid-template-columns-col-2-size: 4fr}&[data-callout*=mobile-col-2-5]{--x-grid-template-columns-col-2-size: 5fr}&[data-callout*=mobile-col-2-6]{--x-grid-template-columns-col-2-size: 6fr}&[data-callout*=mobile-col-2-7]{--x-grid-template-columns-col-2-size: 7fr}&[data-callout*=mobile-col-2-8]{--x-grid-template-columns-col-2-size: 8fr}&[data-callout*=mobile-col-3-auto]{--x-grid-template-columns-col-3-size: auto}&[data-callout*=mobile-col-3-1]{--x-grid-template-columns-col-3-size: 1fr}&[data-callout*=mobile-col-3-2]{--x-grid-template-columns-col-3-size: 2fr}&[data-callout*=mobile-col-3-3]{--x-grid-template-columns-col-3-size: 3fr}&[data-callout*=mobile-col-3-4]{--x-grid-template-columns-col-3-size: 4fr}&[data-callout*=mobile-col-3-5]{--x-grid-template-columns-col-3-size: 5fr}&[data-callout*=mobile-col-3-6]{--x-grid-template-columns-col-3-size: 6fr}&[data-callout*=mobile-col-3-7]{--x-grid-template-columns-col-3-size: 7fr}&[data-callout*=mobile-col-3-8]{--x-grid-template-columns-col-3-size: 8fr}&[data-callout*=mobile-col-4-auto]{--x-grid-template-columns-col-4-size: auto}&[data-callout*=mobile-col-4-1]{--x-grid-template-columns-col-4-size: 1fr}&[data-callout*=mobile-col-4-2]{--x-grid-template-columns-col-4-size: 2fr}&[data-callout*=mobile-col-4-3]{--x-grid-template-columns-col-4-size: 3fr}&[data-callout*=mobile-col-4-4]{--x-grid-template-columns-col-4-size: 4fr}&[data-callout*=mobile-col-4-5]{--x-grid-template-columns-col-4-size: 5fr}&[data-callout*=mobile-col-4-6]{--x-grid-template-columns-col-4-size: 6fr}&[data-callout*=mobile-col-4-7]{--x-grid-template-columns-col-4-size: 7fr}&[data-callout*=mobile-col-4-8]{--x-grid-template-columns-col-4-size: 8fr}&[data-callout*=mobile-col-5-auto]{--x-grid-template-columns-col-5-size: auto}&[data-callout*=mobile-col-5-1]{--x-grid-template-columns-col-5-size: 1fr}&[data-callout*=mobile-col-5-2]{--x-grid-template-columns-col-5-size: 2fr}&[data-callout*=mobile-col-5-3]{--x-grid-template-columns-col-5-size: 3fr}&[data-callout*=mobile-col-5-4]{--x-grid-template-columns-col-5-size: 4fr}&[data-callout*=mobile-col-5-5]{--x-grid-template-columns-col-5-size: 5fr}&[data-callout*=mobile-col-5-6]{--x-grid-template-columns-col-5-size: 6fr}&[data-callout*=mobile-col-5-7]{--x-grid-template-columns-col-5-size: 7fr}&[data-callout*=mobile-col-5-8]{--x-grid-template-columns-col-5-size: 8fr}&[data-callout*=mobile-col-6-auto]{--x-grid-template-columns-col-6-size: auto}&[data-callout*=mobile-col-6-1]{--x-grid-template-columns-col-6-size: 1fr}&[data-callout*=mobile-col-6-2]{--x-grid-template-columns-col-6-size: 2fr}&[data-callout*=mobile-col-6-3]{--x-grid-template-columns-col-6-size: 3fr}&[data-callout*=mobile-col-6-4]{--x-grid-template-columns-col-6-size: 4fr}&[data-callout*=mobile-col-6-5]{--x-grid-template-columns-col-6-size: 5fr}&[data-callout*=mobile-col-6-6]{--x-grid-template-columns-col-6-size: 6fr}&[data-callout*=mobile-col-6-7]{--x-grid-template-columns-col-6-size: 7fr}&[data-callout*=mobile-col-6-8]{--x-grid-template-columns-col-6-size: 8fr}&[data-callout*=mobile-col-7-auto]{--x-grid-template-columns-col-7-size: auto}&[data-callout*=mobile-col-7-1]{--x-grid-template-columns-col-7-size: 1fr}&[data-callout*=mobile-col-7-2]{--x-grid-template-columns-col-7-size: 2fr}&[data-callout*=mobile-col-7-3]{--x-grid-template-columns-col-7-size: 3fr}&[data-callout*=mobile-col-7-4]{--x-grid-template-columns-col-7-size: 4fr}&[data-callout*=mobile-col-7-5]{--x-grid-template-columns-col-7-size: 5fr}&[data-callout*=mobile-col-7-6]{--x-grid-template-columns-col-7-size: 6fr}&[data-callout*=mobile-col-7-7]{--x-grid-template-columns-col-7-size: 7fr}&[data-callout*=mobile-col-7-8]{--x-grid-template-columns-col-7-size: 8fr}&[data-callout*=mobile-col-8-auto]{--x-grid-template-columns-col-8-size: auto}&[data-callout*=mobile-col-8-1]{--x-grid-template-columns-col-8-size: 1fr}&[data-callout*=mobile-col-8-2]{--x-grid-template-columns-col-8-size: 2fr}&[data-callout*=mobile-col-8-3]{--x-grid-template-columns-col-8-size: 3fr}&[data-callout*=mobile-col-8-4]{--x-grid-template-columns-col-8-size: 4fr}&[data-callout*=mobile-col-8-5]{--x-grid-template-columns-col-8-size: 5fr}&[data-callout*=mobile-col-8-6]{--x-grid-template-columns-col-8-size: 6fr}&[data-callout*=mobile-col-8-7]{--x-grid-template-columns-col-8-size: 7fr}&[data-callout*=mobile-col-8-8]{--x-grid-template-columns-col-8-size: 8fr}}}@media screen and (min-width: 750px)and (max-width: 1000px){&{&[data-callout*=grid-tablet-1],&[data-callout*=grid-card-2]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size)}&[data-callout*=grid-tablet-2],&[data-callout*=grid-card-3],&[data-callout*=grid-card]:not([data-callout*=grid-card-2]){--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size)}&[data-callout*=grid-tablet-3]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size)}&[data-callout*=grid-tablet-4]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size)}&[data-callout*=grid-tablet-5]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size) var(--x-grid-template-columns-col-5-size)}&[data-callout*=grid-tablet-6]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size) var(--x-grid-template-columns-col-5-size) var(--x-grid-template-columns-col-6-size)}&[data-callout*=grid-tablet-7]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size) var(--x-grid-template-columns-col-5-size) var(--x-grid-template-columns-col-6-size) var(--x-grid-template-columns-col-7-size)}&[data-callout*=grid-tablet-8]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size) var(--x-grid-template-columns-col-5-size) var(--x-grid-template-columns-col-6-size) var(--x-grid-template-columns-col-7-size) var(--x-grid-template-columns-col-8-size)}}}@media screen and (max-width: 750px){&{&[data-callout*=grid-mobile-1],&[data-callout*=grid-card-2],&[data-callout*=grid-card-3],&[data-callout*=grid-card]:not([data-callout*=grid-card-2]){--x-grid-template-columns: var(--x-grid-template-columns-col-1-size)}&[data-callout*=grid-mobile-2]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size)}&[data-callout*=grid-mobile-3]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size)}&[data-callout*=grid-mobile-4]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size)}&[data-callout*=grid-mobile-5]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size) var(--x-grid-template-columns-col-5-size)}&[data-callout*=grid-mobile-6]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size) var(--x-grid-template-columns-col-5-size) var(--x-grid-template-columns-col-6-size)}&[data-callout*=grid-mobile-7]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size) var(--x-grid-template-columns-col-5-size) var(--x-grid-template-columns-col-6-size) var(--x-grid-template-columns-col-7-size)}&[data-callout*=grid-mobile-8]{--x-grid-template-columns: var(--x-grid-template-columns-col-1-size) var(--x-grid-template-columns-col-2-size) var(--x-grid-template-columns-col-3-size) var(--x-grid-template-columns-col-4-size) var(--x-grid-template-columns-col-5-size) var(--x-grid-template-columns-col-6-size) var(--x-grid-template-columns-col-7-size) var(--x-grid-template-columns-col-8-size)}}}@media screen and (min-width: 1000px){&{&:is([data-callout*=hide-on-pc],[data-callout*=tablet-only],[data-callout*=mobile-only]){display:none}}}@media screen and (min-width: 750px)and (max-width: 1000px){&{&:is([data-callout*=hide-on-tablet],[data-callout*=pc-only],[data-callout*=mobile-only]){display:none}}}@media screen and (max-width: 750px){&{&:is([data-callout*=hide-on-mobile],[data-callout*=tablet-only],[data-callout*=pc-only]){display:none}}}/*# sourceMappingURL=callout-grid-2.1.css.map */