.notice{border:1px solid var(--gray-100);border-radius:8px;padding:8px 12px;position:relative;text-align:center;width:100%;flex:0 0 auto;min-width:275px}@media (min-width: 768px){.notice{display:inline-flex;align-items:center}}@media (max-width: 767px){.notice{display:grid;grid-gap:14px;grid-template-columns:auto;grid-auto-rows:auto}.notice.has-icon{grid-template-columns:20px auto}}.notice .inline-code{background:var(--gray-100);border:1px solid var(--gray-200)}.notice-primary{background-color:var(--pill-success-bg)}.notice-neutral{background-color:var(--gray-50);border-color:var(--gray-100)}.notice-warning{background-color:var(--pill-danger-bg);border-color:var(--gray-100)}.notice-icon{font-size:20px;margin-top:1px}@media (min-width: 768px){.notice-icon{display:inline-flex;margin-right:14px;flex:0 0 auto}.has-body .notice-icon{align-self:flex-start}}.notice-icon-primary{color:var(--primary)}.notice-icon-neutral{color:var(--gray-600)}.notice-icon-warning{color:#f4ac36}.notice-icon-danger{color:var(--red-500)}.notice-message{color:var(--text-default);text-align:left}.notice-message p code{font-size:.935em;margin:0 2px;padding:0;background:none;border:0}.notice-message a:not(.btn){font-weight:500;color:var(--text-default);text-decoration:underline}@media (min-width: 768px){.notice-message{flex:1 1 auto}}.notice-body{font-size:14px;line-height:20px}.notice-body code{font-size:13px}.notice-body a:not(.btn):visited,.notice-body a:not(.btn):not(:visited){font-weight:400}div+.notice-body.body-small{margin-top:4px}.notice-body>p:last-child{margin-bottom:0}.notice-body p{margin-bottom:0!important}.notice-actions{display:flex;align-items:center;flex-wrap:nowrap}@media (min-width: 768px){.notice-actions{margin-left:14px}}@media (max-width: 767px){.has-icon .notice-actions{grid-column-start:2}}.notice-actions .btn{white-space:nowrap}.notice-dismiss{display:flex;align-items:center}.notice-dismiss .btn-neutral{background-color:unset;color:var(--gray-900);transition:color .2s}.notice-dismiss .btn-neutral:hover{color:var(--gray-700);background-color:unset}.notice-dismiss .btn-neutral:active{color:var(--gray-600);background-color:unset}.notice-dismiss .btn-neutral svg{color:var(--gray-600);font-size:20px}@media (min-width: 768px){.notice-dismiss{margin-left:8px}.notice-dismiss-mobile{display:none}}@media (max-width: 767px){.notice-dismiss-desktop{display:none}}.notice-no-top-left-border{border-top:none;border-left:none;border-right:none;border-bottom-right-radius:0;border-bottom-left-radius:0}