/*
 * settingsmig.md Stage 5b — info-box (.message) banner styles.
 * Extracted VERBATIM from the cgplus compiled style.css (.message* rules + the
 * sm media query). Re-migrated because the SCSS pass purged these (nothing
 * emitted the markup, so the corpus never covered them). Enqueued by cg-core
 * only when a banner renders. Colors are already resolved (red-300=#f99,
 * primary=#1d4289).
 */
.message__wrapper{margin:0 auto;max-width:120rem;padding:1rem 2rem}
.message__button-title{color:#000;font-size:.6875rem;font-weight:500;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.message{margin:0 auto}
.message.--hidden{display:none}
.message.--red{background-color:#f99}
.message.--primary-800{background-color:#1d4289;color:#fff}
.message.--primary-800 path{stroke:#fff}
.message.--primary-800 .message__button-title{color:#fff}
.message__header{-webkit-box-align:center;align-items:center;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;cursor:pointer;display:-webkit-box;display:flex;row-gap:.5rem}
.message__header-content{-webkit-box-align:center;-webkit-box-pack:start;-webkit-box-flex:2;align-items:center;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;display:-webkit-box;display:flex;flex-grow:2;justify-content:flex-start}
.message__button{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;flex-shrink:0;margin-left:auto}
.message__button,.message__cross-button{background-color:transparent;border:none;padding:0}
.message__cross-button svg{height:1rem;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transition-timing-function:cubic-bezier(.68,-.55,.27,1.55);transition-timing-function:cubic-bezier(.68,-.55,.27,1.55);width:1rem}
.message__cross-button svg:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}
.message__body{font-size:.8125rem;height:0;max-width:38.125rem;opacity:0;pointer-events:none;-webkit-transform:scaleY(.8);transform:scaleY(.8)}
.message__body.--active{height:auto;opacity:1;pointer-events:all;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}
.message__body p{line-height:150%;margin-bottom:0}
.message__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:flex;flex-direction:column;padding-top:1rem;row-gap:1rem;word-break:normal}
.message__heading{font-size:.8125rem;font-weight:400}
@media (max-width:35.999em){.message__wrapper{padding:1rem}}
@media (max-width:35.999em){.message__header{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}}
@media (max-width:35.999em){.message__header-content{display:inline}}
@media (max-width:35.999em){.message__button{display:inline}}
@media (max-width:35.999em){.message__heading{display:inline;text-align:left}}