:root{--max-width-narrow:1024px;--max-width:1590px;--max-width-extra-wide:1920px}.inline-notification{--text-color:hsl(var(--grey-midnight));--border-color:hsl(var(--grey-midnight));--background-color:hsl(var(--grey-wild-sand));--icon-space:.5rem;display:block;position:relative}@media (width>=960px){.inline-notification{--icon-space:1rem}}.inline-notification--hint{--text-color:hsl(var(--blue-denim));--border-color:hsl(var(--blue-denim));--background-color:hsl(var(--blue-mediterranean--100))}.inline-notification--error{--text-color:hsl(var(--red-thunderbird));--border-color:hsl(var(--red-thunderbird));--background-color:hsl(var(--red-penny--100))}.inline-notification--attention{--text-color:hsl(var(--orange-dark));--border-color:hsl(var(--orange-dark));--background-color:hsl(var(--orange-light))}.inline-notification{background-color:var(--background-color);color:var(--text-color);border:4px solid var(--border-color);border-radius:1rem;padding:1rem;overflow:hidden}@media (width>=960px){.inline-notification{padding:1.5rem}}@media (any-hover:hover){.inline-notification:has(.collapsible__control--collapsible:hover){background-color:color-mix(in srgb, var(--background-color), #000 5%);border-radius:16px}}.inline-notification:has(.collapsible__control--collapsible:focus-visible){border-radius:16px}:where(:root:not([data-input-modality=pointer])) .inline-notification:has(.collapsible__control--collapsible:focus-visible){outline:solid hsl(var(--blue-denim)) .25rem;outline-offset:.125rem}:where(:root:not([data-input-modality=pointer])) .inline-notification:has(.collapsible__control--collapsible:focus-visible):not(.btn--primary){box-shadow:0 0 0 .125rem hsl(var(--white))}:where(:root[data-input-modality=pointer]) .inline-notification:has(.collapsible__control--collapsible:focus-visible){outline:none}.inline-notification__header .collapsible__control{justify-content:space-between;gap:var(--icon-space);color:var(--text-color);flex-direction:row;width:100%;text-decoration:none;display:flex}.inline-notification__header .collapsible__control[aria-expanded=true] .icon--control{rotate:180deg}@media (width>=960px){.inline-notification__header .collapsible__control--collapsible{cursor:pointer}}.inline-notification__header .collapsible__control--collapsible:focus-visible{box-shadow:none;outline:none}.inline-notification__title{text-align:left;margin-block:0;margin-right:var(--icon-space);flex:1}.inline-notification__body .icon{margin-right:.5rem}.inline-notification__body p{margin:0}.inline-notification__paragraph{margin-top:.5rem;display:flex}.inline-notification .icon{flex-shrink:0;font-size:1.25rem}@media (width>=960px){.inline-notification .icon{font-size:1.625rem}}.inline-notification a{color:var(--text-color)}.inline-notification .collapsible__body{grid-template-rows:0fr;transition:grid-template-rows .25s ease-out;display:grid}.inline-notification .collapsible__body>div{overflow:hidden}.inline-notification .collapsible__body.expanded{grid-template-rows:1fr}