|
- .global-message{position:sticky;display:flex;align-items:flex-end;top:var(--header-height);background-color:var(--color-background);box-shadow:0 -1px 0 0 var(--color-background);font-size:var(--font-size-small);z-index:99;transition:top .25s cubic-bezier(.25,.46,.45,.94),max-height .4s cubic-bezier(.25,.46,.45,.94);max-height:0;overflow:hidden;margin-bottom:10px;margin-top:0}@media (max-width: 767px){.global-message{--font-size-small: 14px}}.global-message.bold{background-color:var(--color-button-primary-background);box-shadow:0 -1px 0 0 var(--color-button-primary-background);color:var(--color-button-primary-text)}.global-message.bold a{color:var(--color-button-primary-text)}.global-message.bold a:hover{color:var(--color-decoration)}.global-message.alarming{background-color:var(--feedback-error);box-shadow:0 -1px 0 0 var(--feedback-error);color:var(--swatches-neutrals-white)}.global-message.alarming a,.global-message.alarming a:hover{color:var(--swatches-neutrals-white)}.global-message.open{max-height:none}.global-message .inner{position:relative;display:flex;flex:1 1 100%;align-items:center;min-height:50px;padding:0 40px}@media (max-width: 767px){.global-message .inner{padding:0 0 0 12px}}.global-message .inner:before{font-family:Icons,sans-serif;font-size:var(--icon-size);line-height:1;margin-right:.3em;align-self:flex-start;margin-top:10px}.global-message p,.global-message div{margin:13px 20px 13px 0;line-height:1.3}@media (max-width: 767px){.global-message p,.global-message div{margin-right:12px}}.global-message .close{position:relative;display:block;width:var(--icon-size);border:0;padding:0;background-color:transparent;margin:0 -.2em 0 auto;font-family:Icons,sans-serif;font-size:var(--icon-size);line-height:1;color:inherit;cursor:pointer}.global-message .close:before{content:""}@media (max-width: 767px){.global-message .close{min-width:calc(var(--icon-size) * 1.8);align-items:center;justify-content:center;margin-right:0;background-color:#ffffff1a;align-self:stretch}}@media (min-width: 1200px){.header-scrolled .global-message{--header-height: 100px}}
|
