.sp-alert{position:relative;border-radius:10px;padding:13px 15px;margin-bottom:10px}.sp-alert.alert--closeable .alert__close{font-size:unset;line-height:unset;letter-spacing:unset;font-weight:unset;vertical-align:baseline;height:auto;background:none;border:none;display:inline;display:inline-flex;position:absolute;border-radius:50%;opacity:.5;top:0;inset-inline-end:0;width:26px;height:26px;padding:5px}.sp-alert.alert--closeable .alert__close:focus-visible,.sp-alert.alert--closeable .alert__close:hover,.sp-alert.alert--closeable .alert__close:active{background:none}.sp-alert.has--icon,.sp-alert.has--button{display:flex}.sp-alert.has--icon .alert__icon,.sp-alert.has--button .alert__icon{margin-inline-end:8px;align-self:flex-start;height:calc(var(--font-p-md-line-height-bp-sm) * var(--font-p-md-size-bp-sm))}.sp-alert.has--icon .alert__text,.sp-alert.has--button .alert__text{flex-grow:1;display:flex}.sp-alert.has--button{align-items:center}.sp-alert,.sp-alert p{text-align:start;font-weight:var(--font-text-semibold-weight);font-size:var(--font-p-md-size-bp-sm);line-height:var(--font-p-md-line-height-bp-sm);letter-spacing:var(--font-p-md-spacing-bp-sm)}.sp-alert p{margin:0}.sp-alert p:last-child{margin-bottom:0}.sp-alert .alert__icon.sp-spinner{align-items:center}.sp-alert .alert__button{margin-inline-start:10px}.sp-alert.alert--sm{padding:10px 15px}.sp-alert.alert--sm,.sp-alert.alert--sm p{text-align:start;font-weight:var(--font-text-regular-weight);font-size:var(--font-p-tn-size-bp-sm);line-height:var(--font-p-tn-line-height-bp-sm);letter-spacing:var(--font-p-tn-spacing-bp-sm)}.sp-alert.alert--sm.has--icon .alert__icon,.sp-alert.alert--sm.has--button .alert__icon{margin-inline-end:6px;height:calc(var(--font-p-tn-line-height-bp-sm) * var(--font-p-tn-size-bp-sm))}.sp-alert.alert--closeable.has--button .alert__button{margin-inline-end:10px}.sp-alert.has--caret:after{content:"";position:absolute;width:16px;height:16px;transform:rotate(45deg);inset-inline-start:calc(50% - 8px);top:-8px}.sp-alert.has--caret.caret--right:after{inset-inline-start:calc(75% - 8px)}.sp-alert.has--caret.caret--left:after{inset-inline-start:calc(25% - 8px)}.sp-alert.alert--blue{background-color:#ecf4f7;color:rgb(var(--rgb-blue))}.sp-alert.alert--blue .alert__icon g,.sp-alert.alert--blue .alert__icon path,.sp-alert.alert--blue .alert__icon polygon{fill:rgb(var(--rgb-blue))}.sp-alert.alert--blue a.link--inline,.sp-alert.alert--blue .sp-link{color:rgb(var(--rgb-blue));text-decoration-color:var(--link-blue-underline-50)}.sp-alert.alert--blue a.link--inline .sp-icon.color--inherit g,.sp-alert.alert--blue .sp-link .sp-icon.color--inherit g,.sp-alert.alert--blue a.link--inline .sp-icon.color--inherit path,.sp-alert.alert--blue .sp-link .sp-icon.color--inherit path,.sp-alert.alert--blue a.link--inline .sp-icon.color--inherit polygon,.sp-alert.alert--blue .sp-link .sp-icon.color--inherit polygon{fill:rgb(var(--rgb-blue))}.sp-alert.alert--blue a.link--inline :deep(.sp-icon.color--inherit) g,.sp-alert.alert--blue .sp-link :deep(.sp-icon.color--inherit) g,.sp-alert.alert--blue a.link--inline :deep(.sp-icon.color--inherit) path,.sp-alert.alert--blue .sp-link :deep(.sp-icon.color--inherit) path,.sp-alert.alert--blue a.link--inline :deep(.sp-icon.color--inherit) polygon,.sp-alert.alert--blue .sp-link :deep(.sp-icon.color--inherit) polygon{fill:rgb(var(--rgb-blue))}.sp-alert.alert--blue a.link--inline:focus-visible,.sp-alert.alert--blue .sp-link:focus-visible,.sp-alert.alert--blue a.link--inline:hover,.sp-alert.alert--blue .sp-link:hover,.sp-alert.alert--blue a.link--inline:active,.sp-alert.alert--blue .sp-link:active{text-decoration-color:var(--link-blue-underline-100)}.sp-alert.alert--blue .alert__close g,.sp-alert.alert--blue .alert__close path,.sp-alert.alert--blue .alert__close polygon{fill:rgb(var(--rgb-blue))}.sp-alert.alert--blue .alert__close:focus g,.sp-alert.alert--blue .alert__close:hover g,.sp-alert.alert--blue .alert__close:focus path,.sp-alert.alert--blue .alert__close:hover path,.sp-alert.alert--blue .alert__close:focus polygon,.sp-alert.alert--blue .alert__close:hover polygon{fill:rgb(var(--rgb-blue))}.sp-alert.alert--blue.has--caret:after{background-color:#ecf4f7}.sp-alert.alert--yellow{background-color:#fcf7eb;color:rgb(var(--rgb-yellow-darker-03))}.sp-alert.alert--yellow .alert__icon g,.sp-alert.alert--yellow .alert__icon path,.sp-alert.alert--yellow .alert__icon polygon{fill:rgb(var(--rgb-yellow-darker-03))}.sp-alert.alert--yellow a.link--inline,.sp-alert.alert--yellow .sp-link{color:rgb(var(--rgb-yellow-darker-03));text-decoration-color:var(--link-yellow-darker-03-underline-50)}.sp-alert.alert--yellow a.link--inline .sp-icon.color--inherit g,.sp-alert.alert--yellow .sp-link .sp-icon.color--inherit g,.sp-alert.alert--yellow a.link--inline .sp-icon.color--inherit path,.sp-alert.alert--yellow .sp-link .sp-icon.color--inherit path,.sp-alert.alert--yellow a.link--inline .sp-icon.color--inherit polygon,.sp-alert.alert--yellow .sp-link .sp-icon.color--inherit polygon{fill:rgb(var(--rgb-yellow-darker-03))}.sp-alert.alert--yellow a.link--inline :deep(.sp-icon.color--inherit) g,.sp-alert.alert--yellow .sp-link :deep(.sp-icon.color--inherit) g,.sp-alert.alert--yellow a.link--inline :deep(.sp-icon.color--inherit) path,.sp-alert.alert--yellow .sp-link :deep(.sp-icon.color--inherit) path,.sp-alert.alert--yellow a.link--inline :deep(.sp-icon.color--inherit) polygon,.sp-alert.alert--yellow .sp-link :deep(.sp-icon.color--inherit) polygon{fill:rgb(var(--rgb-yellow-darker-03))}.sp-alert.alert--yellow a.link--inline:focus-visible,.sp-alert.alert--yellow .sp-link:focus-visible,.sp-alert.alert--yellow a.link--inline:hover,.sp-alert.alert--yellow .sp-link:hover,.sp-alert.alert--yellow a.link--inline:active,.sp-alert.alert--yellow .sp-link:active{text-decoration-color:var(--link-yellow-darker-03-underline-100)}.sp-alert.alert--yellow .alert__close g,.sp-alert.alert--yellow .alert__close path,.sp-alert.alert--yellow .alert__close polygon{fill:rgb(var(--rgb-yellow-darker-03))}.sp-alert.alert--yellow .alert__close:focus g,.sp-alert.alert--yellow .alert__close:hover g,.sp-alert.alert--yellow .alert__close:focus path,.sp-alert.alert--yellow .alert__close:hover path,.sp-alert.alert--yellow .alert__close:focus polygon,.sp-alert.alert--yellow .alert__close:hover polygon{fill:rgb(var(--rgb-yellow-darker-03))}.sp-alert.alert--yellow.has--caret:after{background-color:#fcf7eb}.sp-alert.alert--purple{background-color:#f3eff5;color:rgb(var(--rgb-purple))}.sp-alert.alert--purple .alert__icon g,.sp-alert.alert--purple .alert__icon path,.sp-alert.alert--purple .alert__icon polygon{fill:rgb(var(--rgb-purple))}.sp-alert.alert--purple a.link--inline,.sp-alert.alert--purple .sp-link{color:rgb(var(--rgb-purple));text-decoration-color:var(--link-purple-underline-50)}.sp-alert.alert--purple a.link--inline .sp-icon.color--inherit g,.sp-alert.alert--purple .sp-link .sp-icon.color--inherit g,.sp-alert.alert--purple a.link--inline .sp-icon.color--inherit path,.sp-alert.alert--purple .sp-link .sp-icon.color--inherit path,.sp-alert.alert--purple a.link--inline .sp-icon.color--inherit polygon,.sp-alert.alert--purple .sp-link .sp-icon.color--inherit polygon{fill:rgb(var(--rgb-purple))}.sp-alert.alert--purple a.link--inline :deep(.sp-icon.color--inherit) g,.sp-alert.alert--purple .sp-link :deep(.sp-icon.color--inherit) g,.sp-alert.alert--purple a.link--inline :deep(.sp-icon.color--inherit) path,.sp-alert.alert--purple .sp-link :deep(.sp-icon.color--inherit) path,.sp-alert.alert--purple a.link--inline :deep(.sp-icon.color--inherit) polygon,.sp-alert.alert--purple .sp-link :deep(.sp-icon.color--inherit) polygon{fill:rgb(var(--rgb-purple))}.sp-alert.alert--purple a.link--inline:focus-visible,.sp-alert.alert--purple .sp-link:focus-visible,.sp-alert.alert--purple a.link--inline:hover,.sp-alert.alert--purple .sp-link:hover,.sp-alert.alert--purple a.link--inline:active,.sp-alert.alert--purple .sp-link:active{text-decoration-color:var(--link-purple-underline-100)}.sp-alert.alert--purple .alert__close g,.sp-alert.alert--purple .alert__close path,.sp-alert.alert--purple .alert__close polygon{fill:rgb(var(--rgb-purple))}.sp-alert.alert--purple .alert__close:focus g,.sp-alert.alert--purple .alert__close:hover g,.sp-alert.alert--purple .alert__close:focus path,.sp-alert.alert--purple .alert__close:hover path,.sp-alert.alert--purple .alert__close:focus polygon,.sp-alert.alert--purple .alert__close:hover polygon{fill:rgb(var(--rgb-purple))}.sp-alert.alert--purple.has--caret:after{background-color:#f3eff5}.sp-alert.alert--red{background-color:#fdefef;color:rgb(var(--rgb-red))}.sp-alert.alert--red .alert__icon g,.sp-alert.alert--red .alert__icon path,.sp-alert.alert--red .alert__icon polygon{fill:rgb(var(--rgb-red))}.sp-alert.alert--red a.link--inline,.sp-alert.alert--red .sp-link{color:rgb(var(--rgb-red));text-decoration-color:var(--link-red-underline-50)}.sp-alert.alert--red a.link--inline .sp-icon.color--inherit g,.sp-alert.alert--red .sp-link .sp-icon.color--inherit g,.sp-alert.alert--red a.link--inline .sp-icon.color--inherit path,.sp-alert.alert--red .sp-link .sp-icon.color--inherit path,.sp-alert.alert--red a.link--inline .sp-icon.color--inherit polygon,.sp-alert.alert--red .sp-link .sp-icon.color--inherit polygon{fill:rgb(var(--rgb-red))}.sp-alert.alert--red a.link--inline :deep(.sp-icon.color--inherit) g,.sp-alert.alert--red .sp-link :deep(.sp-icon.color--inherit) g,.sp-alert.alert--red a.link--inline :deep(.sp-icon.color--inherit) path,.sp-alert.alert--red .sp-link :deep(.sp-icon.color--inherit) path,.sp-alert.alert--red a.link--inline :deep(.sp-icon.color--inherit) polygon,.sp-alert.alert--red .sp-link :deep(.sp-icon.color--inherit) polygon{fill:rgb(var(--rgb-red))}.sp-alert.alert--red a.link--inline:focus-visible,.sp-alert.alert--red .sp-link:focus-visible,.sp-alert.alert--red a.link--inline:hover,.sp-alert.alert--red .sp-link:hover,.sp-alert.alert--red a.link--inline:active,.sp-alert.alert--red .sp-link:active{text-decoration-color:var(--link-red-underline-100)}.sp-alert.alert--red .alert__close g,.sp-alert.alert--red .alert__close path,.sp-alert.alert--red .alert__close polygon{fill:rgb(var(--rgb-red))}.sp-alert.alert--red .alert__close:focus g,.sp-alert.alert--red .alert__close:hover g,.sp-alert.alert--red .alert__close:focus path,.sp-alert.alert--red .alert__close:hover path,.sp-alert.alert--red .alert__close:focus polygon,.sp-alert.alert--red .alert__close:hover polygon{fill:rgb(var(--rgb-red))}.sp-alert.alert--red.has--caret:after{background-color:#fdefef}.sp-alert.alert--green{background-color:#ebf6f1;color:rgb(var(--rgb-green))}.sp-alert.alert--green .alert__icon g,.sp-alert.alert--green .alert__icon path,.sp-alert.alert--green .alert__icon polygon{fill:rgb(var(--rgb-green))}.sp-alert.alert--green a.link--inline,.sp-alert.alert--green .sp-link{color:rgb(var(--rgb-green));text-decoration-color:var(--link-green-underline-50)}.sp-alert.alert--green a.link--inline .sp-icon.color--inherit g,.sp-alert.alert--green .sp-link .sp-icon.color--inherit g,.sp-alert.alert--green a.link--inline .sp-icon.color--inherit path,.sp-alert.alert--green .sp-link .sp-icon.color--inherit path,.sp-alert.alert--green a.link--inline .sp-icon.color--inherit polygon,.sp-alert.alert--green .sp-link .sp-icon.color--inherit polygon{fill:rgb(var(--rgb-green))}.sp-alert.alert--green a.link--inline :deep(.sp-icon.color--inherit) g,.sp-alert.alert--green .sp-link :deep(.sp-icon.color--inherit) g,.sp-alert.alert--green a.link--inline :deep(.sp-icon.color--inherit) path,.sp-alert.alert--green .sp-link :deep(.sp-icon.color--inherit) path,.sp-alert.alert--green a.link--inline :deep(.sp-icon.color--inherit) polygon,.sp-alert.alert--green .sp-link :deep(.sp-icon.color--inherit) polygon{fill:rgb(var(--rgb-green))}.sp-alert.alert--green a.link--inline:focus-visible,.sp-alert.alert--green .sp-link:focus-visible,.sp-alert.alert--green a.link--inline:hover,.sp-alert.alert--green .sp-link:hover,.sp-alert.alert--green a.link--inline:active,.sp-alert.alert--green .sp-link:active{text-decoration-color:var(--link-green-underline-100)}.sp-alert.alert--green .alert__close g,.sp-alert.alert--green .alert__close path,.sp-alert.alert--green .alert__close polygon{fill:rgb(var(--rgb-green))}.sp-alert.alert--green .alert__close:focus g,.sp-alert.alert--green .alert__close:hover g,.sp-alert.alert--green .alert__close:focus path,.sp-alert.alert--green .alert__close:hover path,.sp-alert.alert--green .alert__close:focus polygon,.sp-alert.alert--green .alert__close:hover polygon{fill:rgb(var(--rgb-green))}.sp-alert.alert--green.has--caret:after{background-color:#ebf6f1}.sp-alert.alert--lightgray{background-color:#f6f6f7;color:rgb(var(--rgb-gray-10))}.sp-alert.alert--lightgray .alert__icon g,.sp-alert.alert--lightgray .alert__icon path,.sp-alert.alert--lightgray .alert__icon polygon{fill:rgb(var(--rgb-gray-10))}.sp-alert.alert--lightgray .alert__close g,.sp-alert.alert--lightgray .alert__close path,.sp-alert.alert--lightgray .alert__close polygon{fill:rgb(var(--rgb-blue))}.sp-alert.alert--lightgray .alert__close:focus g,.sp-alert.alert--lightgray .alert__close:hover g,.sp-alert.alert--lightgray .alert__close:focus path,.sp-alert.alert--lightgray .alert__close:hover path,.sp-alert.alert--lightgray .alert__close:focus polygon,.sp-alert.alert--lightgray .alert__close:hover polygon{fill:rgb(var(--rgb-blue))}.sp-alert.alert--lightgray.has--caret:after{background-color:#f6f6f7}@media(min-width:768px){.sp-alert{margin-bottom:20px}.sp-alert.has--icon .alert__icon,.sp-alert.has--button .alert__icon{height:calc(var(--font-p-md-line-height-bp-md) * var(--font-p-md-size-bp-md))}.sp-alert,.sp-alert p{font-size:var(--font-p-md-size-bp-md);line-height:var(--font-p-md-line-height-bp-md)}.sp-alert.alert--sm,.sp-alert.alert--sm p{font-size:var(--font-p-tn-size-bp-md);line-height:var(--font-p-tn-line-height-bp-md)}.sp-alert.alert--sm.has--icon .alert__icon,.sp-alert.alert--sm.has--button .alert__icon{height:calc(var(--font-p-tn-line-height-bp-md) * var(--font-p-tn-size-bp-md))}}@media(min-width:1200px){.sp-alert{padding:15px 20px}.sp-alert.has--icon .alert__icon,.sp-alert.has--button .alert__icon{height:calc(var(--font-p-md-line-height-bp-lg) * var(--font-p-md-size-bp-lg))}.sp-alert,.sp-alert p{font-size:var(--font-p-md-size-bp-lg);line-height:var(--font-p-md-line-height-bp-lg)}.sp-alert.alert--sm.has--icon .alert__icon,.sp-alert.alert--sm.has--button .alert__icon{height:calc(var(--font-p-tn-line-height-bp-lg) * var(--font-p-tn-size-bp-lg))}}