/* @group @variables */

[class*="m-signup-grid"] {
--grid-template-columns: repeat(1, 1fr);
}

@media all and (min-width:48em) {

[class*="m-signup-grid"] {
--grid-template-columns: 2.25rem 0 2fr 0 2.25rem 22rem;
--grid-template-rows: 3rem auto 1fr 2.25rem;
/*grid-column: 1 / span 3;*/
--signup-media-grid-column: 1 / span 5;
--signup-media-grid-row: 1 / span 4;
--signup-body-grid-column: 6;
--signup-body-grid-row: 1 / span 5;
--signup-message-grid-column: 3;
--signup-message-grid-row: 2;
}

}

@media all and (min-width:80em) {

[class*="m-signup-grid"] {
--grid-template-columns: 3rem 0 2fr 0 3rem 30rem;
}

}

/* @end @variables */

/* @group @m-signup-grid */

[class*="m-signup-grid"] {
display: grid;
align-items: start;
grid-template-columns: var(--grid-template-columns);
grid-template-rows: var(--grid-template-rows);
}

@media all and (min-width:48em) {

[class*="m-signup-message"] {
grid-column: var(--signup-message-grid-column);
grid-row: var(--signup-message-grid-row);
}

[class*="m-signup-body"] {
grid-column: var(--signup-body-grid-column);
grid-row: var(--signup-body-grid-row);
}

[class*="a-signup-media"] {
grid-column: var(--signup-media-grid-column);
grid-row: var(--signup-media-grid-row);
}

}

/* @end @m-signup-grid */

/* -------------------------------------------------------- */

/* @group @m-signup-body */

[class*="m-signup-body"] {
position: relative;
z-index: 2;
}

/* @end @m-signup-body */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-signup-message"] {
--padding: 1.5rem var(--x-padding-right) 1.5rem var(--x-padding-right);
--background-color: hsla(340, 37.5%, 67.5%, 1);
--head-2-text-align: center;
--head-3-color: var(--color-white);
--head-3-font-size: 1.125rem;
--head-3-line-height: 1.66666667;
--head-3-font-weight: 200;
--head-3-font-variation-settings: "wght" 200;
--head-3-text-align: center;
--font-size: .875rem;
--color: var(--color-white);
--icon-width: 18.75rem;
--icon-height: 4.5rem;
--icon-fill: var(--color-white);
}

@media all and (min-width:48em) {

[class*="m-signup-message"] {
--max-width: 40rem;
--margin: auto;
--padding: 1.5rem;
--background-color: hsla(340, 37.5%, 67.5%, .75);
}

}

/* @end @variables */

/* @group @m-signup-message */

[class*="m-signup-message"] {
box-sizing: border-box;
position: relative;
z-index: 2;
max-width: var(--max-width);
margin: var(--margin);
padding: var(--padding);
background-color: var(--background-color);
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
}

/* @end @m-signup-message */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-signup-section"] {
--head-2-font-size: 1.125rem;
--head-2-line-height: 1.66666667;
--head-2-font-weight: 200;
--head-2-font-variation-settings: "wght" 200;
--head-2-text-align: center;
--font-size: .875rem;
}

[class*="m-signup-section"] [class*="m-note-list"] {
--note-list-font-size: .75rem;
}

[class*="m-signup-section-link"] {
--text-align: center;
}

/* @end @variables */

/* @group @m-signup-section */

[class*="m-signup-section"] {
padding: 1.5rem;
box-shadow: inset 0 1px 0 0 var(--color-very-light-gray);
}

/* @end @m-signup-section */