@layer components{.pk-alert{padding:var(--pk-3) var(--pk-3) var(--pk-3) var(--pk-4);border-radius:var(--pk-radius);background-color:var(--tone-soft);color:var(--tone-ink);position:relative}.pk-alert:before{content:"";background-color:var(--tone);border-radius:var(--pk-radius-sm) 0 0 var(--pk-radius-sm);width:.25rem;position:absolute;top:0;bottom:0;left:0}.pk-alert a{color:inherit}.pk-alert__title{margin:0 0 var(--pk-2) 0;font-weight:500}.pk-alert__body{color:var(--pk-ink);margin:0}.pk-alert--ok{--tone:var(--pk-ok);--tone-ink:var(--pk-ok-ink);--tone-soft:var(--pk-ok-soft)}.pk-alert--warn{--tone:var(--pk-warn);--tone-ink:var(--pk-warn-ink);--tone-soft:var(--pk-warn-soft)}.pk-alert--danger{--tone:var(--pk-danger);--tone-ink:var(--pk-danger-ink);--tone-soft:var(--pk-danger-soft)}.pk-alert--info{--tone:var(--pk-info);--tone-ink:var(--pk-info-ink);--tone-soft:var(--pk-info-soft)}}