@layer tokens{:root,:host{--font-primary:"X5 Sans", sans-serif;--font-secondary:arial, sans-serif;--line-height-base:1.25;--transition:.4s;--color-red:#e92724;--color-white:white;--color-green:#00431b;--color-green-middle:#00923a;--color-green-light:#a9c58f;--color-green-soft:#6a8f5e;--color-green-soft-dark:#5f8155;--color-blue:blue;--color-yellow:yellow;--color-brown:brown;--color-orange:orange;--color-black:black;--color-grey:grey;--color-pink-light:#fdf9fb;--color-grey-lighter:#efefef;--color-grey-light:#d9d9d9;--color-grey-middle:#999;--color-grey-dark:#555}}@layer reset,base,components;.modal-alert__icon{width:5.625rem;height:5.625rem;color:var(--color-white);background:var(--color-green-middle);border-radius:100%;justify-content:center;justify-self:center;align-items:center;font-size:1.875rem;display:flex}.modal-alert__title{line-height:1}.modal-alert__footer{gap:.75rem;display:grid}.modal-alert .btn{width:100%}