.callout{font-size:14px;line-height:1.3}@media (max-width:759px),(max-width:1023px) and (orientation:landscape){.callout{margin-top:var(--gridunit-small)}}@media (min-width:760px) and (max-width:1023px){.callout{margin-top:var(--gridunit)}}@media (min-width:1024px){.callout{margin-top:var(--gridunit)}}.callout__inner{padding:12px var(--gridunit-small) 12px var(--gridunit-medium);gap:var(--gridunit-tiny);background-color:var(--color-white);box-shadow:0 var(--gridunit-tiny) var(--gridunit-small) calc(var(--gridunit-tiny)*-1) #d61e1f1f;border-radius:var(--radius-default);flex-flow:row;display:flex;position:relative;overflow:hidden}.callout__inner:before{content:"";background-color:var(--color-focus);width:8px;position:absolute;top:0;bottom:0;left:0}.callout__icon{flex:none;margin-top:2px;overflow:hidden}.callout__icon path{fill:currentColor}.callout__text{flex:auto;align-items:center;display:flex;overflow:hidden}.callout__text P{margin:0}.callout__text P+P{margin-top:5px}.callout .buttons{flex-direction:row;margin:0;justify-content:flex-end!important}.callout:not(.intent-discrete) .button__inner,.callout:not(.intent-discrete) .button__inner:after{box-shadow:none!important;border-radius:var(--radius-small)!important}.callout.intent-default .callout__icon{color:var(--color-focus)}.callout.intent-default .callout__inner:before{background-color:var(--color-focus)}.callout.intent-danger .callout__icon{color:var(--color-danger)}.callout.intent-danger .callout__inner:before{background-color:var(--color-danger)}.callout.intent-wargning .callout__icon{color:var(--color-warning)}.callout.intent-wargning .callout__inner:before{background-color:var(--color-warning)}.callout.intent-success .callout__icon{color:var(--color-success)}.callout.intent-success .callout__inner:before{background-color:var(--color-success)}@media (max-width:759px),(max-width:1023px) and (orientation:landscape){.callout.intent-discrete{margin-left:calc(var(--gridunit-small)*-1);margin-right:calc(var(--gridunit-small)*-1)}}.callout.intent-discrete .callout__inner{padding:var(--gridunit-small);box-shadow:inset 0 0 0 1px var(--color-primary-100);font-size:18px;line-height:32px}.callout.intent-discrete .callout__inner:before{display:none}@media (max-width:759px),(max-width:1023px) and (orientation:landscape){.callout.intent-discrete .callout__inner{box-shadow:none;border:solid var(--color-primary-100);border-width:1px 0;border-radius:0;flex-direction:column}.callout.intent-discrete .callout__inner .buttons{flex-direction:column}}.callout.intent-discrete .callout__icon{width:32px;height:32px;margin-top:4px}@media (max-width:759px),(max-width:1023px) and (orientation:landscape){.callout.intent-outdated{margin-left:calc(var(--gridunit-small)*-1);margin-right:calc(var(--gridunit-small)*-1)}}.callout.intent-outdated .callout__inner{padding:var(--gridunit-small);box-shadow:inset 0 0 0 1px var(--color-primary-100)}.callout.intent-outdated .callout__inner:before{display:none}@media (max-width:759px),(max-width:1023px) and (orientation:landscape){.callout.intent-outdated .callout__inner .buttons{flex-direction:column}}.callout.intent-outdated .callout__icon{width:40px;height:40px;color:var(--color-primary-500)}