:where(.c-spot-box-card){position:relative;overflow:hidden;--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-primary) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-primary) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onPrimaryStrong);--theme-colors-interactive-on-X:var(--theme-colors-onPrimaryInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onPrimaryInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onPrimaryInteractiveActive);--theme-colors-medium-on-X:var(--theme-colors-onPrimaryMedium);--theme-colors-subtle-on-X:var(--theme-colors-onPrimarySubtle);--theme-colors-disabled-on-X:var(--theme-colors-onPrimaryDisabled);--theme-colors-danger-on-X:var(--theme-colors-onPrimaryDanger);--theme-colors-onIndent-on-X:var(--theme-colors-onPrimaryOnIndent);--theme-colors-onIndentActive-on-X:var(--theme-colors-onPrimaryOnIndentActive);--theme-colors-onIndentHover-on-X:var(--theme-colors-onPrimaryOnIndentHover);--theme-colors-indent-on-X:var(--theme-colors-onPrimaryIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onPrimaryIndentActive);--theme-colors-text-strong-on-X:var(--theme-colors-text-onPrimaryStrong);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onPrimaryInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onPrimaryInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onPrimaryInteractiveActive);--theme-colors-text-medium-on-X:var(--theme-colors-text-onPrimaryMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onPrimarySubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onPrimaryDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onPrimaryDanger);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onPrimaryOnIndent);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onPrimaryOnIndentActive);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onPrimaryOnIndentHover);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onPrimarySubtle);--theme-colors-border-medium-on-X:var(--theme-colors-border-onPrimaryMedium);--theme-colors-border-strong-on-X:var(--theme-colors-border-onPrimaryStrong);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onPrimaryExtraStrong);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onPrimaryInteractive);--theme-colors-border-danger-on-X:var(--theme-colors-border-onPrimaryDanger);border-radius:var(--theme-borderRadius-card, var(--theme-borderRadius-card--sm));display:flex;flex-direction:column}@media (min-width: 41em){:where(.c-spot-box-card--layout--auto),:where(.c-spot-box-card--layout--row){flex-direction:row-reverse}}@media (min-width: 41em){:where(.c-spot-box-card--layout--auto:nth-child(2n of.c-spot-box-card)),:where(.c-spot-box-card--layout--row:nth-child(2n of.c-spot-box-card)){flex-direction:row}}@media (min-width: 80em){:where(.c-spot-box-card--layout--auto){flex-direction:column}}@media (min-width: 80em){:where(.c-block-list-spot-box--ctx--full) .c-block-list-spot-box__items .c-spot-box-card--layout--row{flex-direction:row-reverse}}:where(.c-block-list-spot-box){width:calc(12 * var(--theme-layout-column-of-12, var(--theme-layout-column-of-12--sm)) + 11 * var(--theme-layout-gutter, var(--theme-layout-gutter--sm)))}@media (min-width: 80em){:where(.c-block-list-spot-box){width:calc(8 * var(--theme-layout-column-of-12, var(--theme-layout-column-of-12--sm)) + 7 * var(--theme-layout-gutter, var(--theme-layout-gutter--sm)))}}:where(.c-block-list-spot-box--ctx--wide,.c-block-list-spot-box--ctx--end-block){width:calc(12 * var(--theme-layout-column-of-12, var(--theme-layout-column-of-12--sm)) + 11 * var(--theme-layout-gutter, var(--theme-layout-gutter--sm)))}@media (min-width: 80em){:where(.c-block-list-spot-box--ctx--wide,.c-block-list-spot-box--ctx--end-block) .c-spot-box-card--layout--row{flex-direction:row}}