:root{--c-Alert-color-text:var(--c-Token-color-grey-700);--c-Alert-color-contentBackground:var(--c-Token-color-grey-100);--c-Alert-color-iconBackground:var(--c-Token-color-grey-200);--c-Alert-animation-popInOutDirection:1;--c-Alert-icon-url:url('data:image/svg+xml,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20 2h-16c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2v-12c0-1.1-.9-2-2-2zm0 14h-14.8l-1.2 1.2v-13.2h16z" fill="%23000"/></svg>')}.c-Alert{background-color:var(--c-Alert-color-contentBackground);border-radius:4px;color:var(--c-Alert-color-text);display:flex;margin-block:var(--c-Token-space-50);overflow:hidden;padding:0}.c-Alert .c-Alert-icon{align-items:center;background-color:var(--c-Alert-color-iconBackground);display:flex;justify-content:center;min-inline-size:40px;padding:8px}:is(.c-Alert .c-Alert-icon):after{background-color:currentColor;block-size:24px;content:"";display:block;inline-size:24px;-webkit-mask-image:var(--c-Alert-icon-url);mask-image:var(--c-Alert-icon-url);mask-position:center;mask-repeat:no-repeat;mask-size:contain;mask-type:alpha}.c-Alert .c-Alert-content{display:flex;flex-direction:column;justify-content:center;padding:var(--c-Token-space-100)}.c-Alert .c-Alert-title{font-weight:600}.c-Alert .c-Alert-text,.c-Alert .c-Alert-title{font-size:var(--c-Token-fontSize-100);line-height:var(--c-Token-lineHeight-100)}.c-Alert .c-Alert-text{font-weight:400;margin:0}:is(.c-Alert .c-Alert-text) a{color:inherit}:is(.c-Alert .c-Alert-text) ol,:is(.c-Alert .c-Alert-text) ul{margin:0;padding-inline-start:var(--c-Token-space-100)}.c-Alert--size-l .c-Alert-icon:after{block-size:24px;inline-size:24px}.c-Alert--size-l .c-Alert-content{padding:var(--c-Token-space-100)}.c-Alert--size-l .c-Alert-title{font-weight:600}.c-Alert--size-l .c-Alert-text,.c-Alert--size-l .c-Alert-title{font-size:var(--c-Token-fontSize-100);line-height:var(--c-Token-lineHeight-100)}.c-Alert--size-l .c-Alert-text{font-weight:400}.c-Alert--size-m .c-Alert-icon:after{block-size:20px;inline-size:20px}.c-Alert--size-m .c-Alert-content{padding:var(--c-Token-space-50)}.c-Alert--size-m .c-Alert-title{font-weight:600}.c-Alert--size-m .c-Alert-text,.c-Alert--size-m .c-Alert-title{font-size:var(--c-Token-fontSize-75);line-height:var(--c-Token-lineHeight-75)}.c-Alert--size-m .c-Alert-text{font-weight:400}.c-Alert--size-s .c-Alert-icon:after{block-size:16px;inline-size:16px}.c-Alert--size-s .c-Alert-content{padding-block:var(--c-Token-space-25);padding-inline:var(--c-Token-space-50)}.c-Alert--size-s .c-Alert-title{font-weight:600}.c-Alert--size-s .c-Alert-text,.c-Alert--size-s .c-Alert-title{font-size:var(--c-Token-fontSize-50);line-height:var(--c-Token-lineHeight-50)}.c-Alert--size-s .c-Alert-text{font-weight:400}.c-Alert--note{--c-Alert-color-text:var(--c-Token-color-grey-700);--c-Alert-color-contentBackground:var(--c-Token-color-grey-100);--c-Alert-color-iconBackground:var(--c-Token-color-grey-200);--c-Alert-icon-url:url('data:image/svg+xml,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m20 2h-16c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2v-12c0-1.1-.9-2-2-2zm0 14h-14.8l-1.2 1.2v-13.2h16z" fill="%23000"/></svg>')}.c-Alert--info{--c-Alert-color-text:var(--c-Token-color-blue-700);--c-Alert-color-contentBackground:var(--c-Token-color-blue-100);--c-Alert-color-iconBackground:var(--c-Token-color-blue-200);--c-Alert-icon-url:url('data:image/svg+xml,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11 9h2v-2h-2m1 13c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-18c-1.3132 0-2.61358.25866-3.82683.7612-1.21326.50255-2.31565 1.23915-3.24424 2.16773-1.87536 1.87537-2.92893 4.41891-2.92893 7.07107 0 2.6522 1.05357 5.1957 2.92893 7.0711.92859.9286 2.03098 1.6651 3.24424 2.1677 1.21325.5025 2.51363.7612 3.82683.7612 2.6522 0 5.1957-1.0536 7.0711-2.9289 1.8753-1.8754 2.9289-4.4189 2.9289-7.0711 0-1.3132-.2587-2.61358-.7612-3.82683-.5026-1.21326-1.2391-2.31565-2.1677-3.24424-.9286-.92858-2.031-1.66518-3.2443-2.16773-1.2132-.50254-2.5136-.7612-3.8268-.7612zm-1 15h2v-6h-2z" fill="%23000"/></svg>')}.c-Alert--success{--c-Alert-color-text:var(--c-Token-color-green-700);--c-Alert-color-contentBackground:var(--c-Token-color-green-100);--c-Alert-color-iconBackground:var(--c-Token-color-green-200);--c-Alert-icon-url:url('data:image/svg+xml,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m21 7-12 12-5.5-5.5 1.41-1.41 4.09 4.08 10.59-10.58z" fill="%23000"/></svg>')}.c-Alert--warning{--c-Alert-color-text:var(--c-Token-color-yellow-700);--c-Alert-color-contentBackground:var(--c-Token-color-yellow-100);--c-Alert-color-iconBackground:var(--c-Token-color-yellow-200);--c-Alert-icon-url:url('data:image/svg+xml,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 2-11 19h22m-11-15 7.53 13h-15.06m6.53-9v4h2v-4m-2 6v2h2v-2" fill="%23000"/></svg>')}.c-Alert--danger{--c-Alert-color-text:var(--c-Token-color-red-700);--c-Alert-color-contentBackground:var(--c-Token-color-red-100);--c-Alert-color-iconBackground:var(--c-Token-color-red-200);--c-Alert-icon-url:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M11 15H13V17H11V15ZM11 7H13V13H11V7ZM12 2C6.47 2 2 6.5 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7362 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 20C9.87827 20 7.84344 19.1571 6.34315 17.6569C4.84285 16.1566 4 14.1217 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84285 9.87827 4 12 4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12C20 14.1217 19.1571 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20Z" fill="black"/>%0A</svg>%0A')}.c-Alert--toast{border:1px solid var(--c-Alert-color-iconBackground);inline-size:max-content;margin:auto;position:fixed;z-index:9999999}.c-Alert--toastGlobal{inline-size:100%;opacity:0;transition:transform .2s ease-in-out,opacity .1s linear}@media (min-width:576px){.c-Alert--toastGlobal{inline-size:max-content;min-inline-size:370px}}.c-Alert--toastGlobal.is-shown{opacity:1;transform:translate(0)}@media (min-width:576px){.c-Alert--toastGlobal.is-shown{transform:translate(0)}}.c-Alert--toastGlobal:where(.c-Alert--toastPosition-y-start){inset-block-end:auto;inset-block-start:0;transform:translateY(-100%)}@media (min-width:576px){.c-Alert--toastGlobal:where(.c-Alert--toastPosition-y-start){inset-block-start:var(--c-Token-space-100);transform:translateY(-100%) translateY(calc(var(--c-Token-space-100)*-1))}}.c-Alert--toastGlobal:where(.c-Alert--toastPosition-y-end){inset-block-end:0;inset-block-start:auto;transform:translateY(100%)}@media (min-width:576px){.c-Alert--toastGlobal:where(.c-Alert--toastPosition-y-end){inset-block-end:var(--c-Token-space-100);transform:translateY(100%) translateY(var(--c-Token-space-100))}}.c-Alert--toastGlobal:where(.c-Alert--toastPosition-x-start){inset-inline-end:auto;inset-inline-start:0}@media (min-width:576px){.c-Alert--toastGlobal:where(.c-Alert--toastPosition-x-start){inset-inline-start:var(--c-Token-space-100);transform:translate(-100%) translate(calc(var(--c-Token-space-100)*-1))}}.c-Alert--toastGlobal:where(.c-Alert--toastPosition-x-center){inset-inline-end:0;inset-inline-start:0}@media (min-width:576px){.c-Alert--toastGlobal:where(.c-Alert--toastPosition-x-center){inset-inline-end:var(--c-Token-space-100);inset-inline-start:var(--c-Token-space-100)}}.c-Alert--toastGlobal:where(.c-Alert--toastPosition-x-end){inset-inline-end:0;inset-inline-start:auto}@media (min-width:576px){.c-Alert--toastGlobal:where(.c-Alert--toastPosition-x-end){inset-inline-end:var(--c-Token-space-100);transform:translate(100%) translate(var(--c-Token-space-100))}}.c-Alert--toastInline{animation:popInOut 1.5s linear forwards;transform:translate(0)}.c-Alert--toastInline.c-Alert--toastPosition-x-start{--c-Alert-animation-popInOutDirection:1}.c-Alert--toastInline.c-Alert--toastPosition-y-end{--c-Alert-animation-popInOutDirection:-1}.c-Alert--toastInline:not(.is-shown){animation:none;display:none}@media (min-width:576px){.c-Alert--toastInline{transform:translate(0)}}@keyframes popInOut{0%{opacity:0;transform:translateY(calc(var(--c-Alert-animation-popInOutDirection)*10px))}10%{opacity:1;transform:translate(0)}50%{opacity:1;transform:translate(0)}75%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(calc(var(--c-Alert-animation-popInOutDirection)*-10px))}}
