.frame{--frame-background:var(--color-primary-lightest);--frame-border-size:0px;--frame-border-color:var(--color-primary-lightest);--frame-padding-y:var(--layout-gutter-y);--frame-padding-x:var(--layout-gutter-x);--frame-padding:var(--frame-padding-y) var(--frame-padding-x);--frame-offset:0;--frame-pseudo-content-after:none;--frame-pseudo-border:0;--frame-title-color:var(--color-headings-text);--frame-title-text-align:left;--frame-title-offset:0;--frame-title-padding:0;--frame-title-background:#0000;display:block;padding-top:var(--frame-offset);width:100%}.frame--primary{--frame-background:var(--color-primary-medium);--frame-border-color:var(--color-primary-medium)}.frame--primary:where(:not(.frame--accent)):where(:not(.frame--outline)){--frame-title-color:var(--color-light-lightest)}.frame--secondary{--frame-background:var(--color-primary-darkest);--frame-border-color:var(--color-primary-darkest)}.frame--secondary:where(:not(.frame--accent)):where(:not(.frame--outline)){--frame-title-color:var(--color-light-lightest)}.frame--info{--frame-background:var(--color-info-light);--frame-border-color:var(--color-info-light)}.frame--success{--frame-background:var(--color-success-light);--frame-border-color:var(--color-success-light)}.frame--warning{--frame-background:var(--color-warning-light);--frame-border-color:var(--color-warning-light)}.frame--subtle{--frame-background:var(--color-light-light);--frame-border-color:var(--color-light-dark)}.frame--light{--frame-background:var(--color-light-lightest)}.frame--transparent{--frame-background:#0000;--frame-padding:0}.frame--outline{--frame-border-size:8px;--frame-background:#0000}.frame--center{--frame-title-text-align:center}.frame--accent{--frame-offset:2.25rem;--frame-title-offset:calc((var(--frame-padding-y) + 2.25rem + var(--frame-border-size))*-1);--frame-title-padding:1.125rem;--frame-title-background:var(--color-light-lightest)}.frame--stretch{--frame-padding:var(--frame-padding-y) 0;--frame-pseudo-content-after:""}.frame--stretch.frame--outline{--frame-border-size:0px;--frame-pseudo-border:8px solid var(--frame-border-color)}.frame:where(:not(:last-child)){margin-bottom:3rem}.frame__body{border:var(--frame-border-size) solid var(--frame-border-color);display:block;height:100%;padding:var(--frame-padding);position:relative}.frame__body,.frame__body:after{background:var(--frame-background)}.frame__body:after{border:var(--frame-pseudo-border);bottom:0;content:var(--frame-pseudo-content-after);left:calc((var(--layout-gutter-x) + var(--layout-gutter-outer-x))*-1);position:absolute;right:calc((var(--layout-gutter-x) + var(--layout-gutter-outer-x))*-1);top:0;z-index:-1}.frame__title{color:var(--frame-title-color);display:block;font-family:var(--font-family-support);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--font-line-height-heading);text-align:var(--frame-title-text-align)}.frame__title:where(:first-child){margin-top:var(--frame-title-offset)}.frame__title:where(:not(:last-child)){margin-bottom:2rem}.frame__title-label{background:var(--frame-title-background);display:inline-block;padding:var(--frame-title-padding)}