@layer components{.alert{background-color:var(--color-light);border-radius:var(--border-radius-sm);overflow:hidden;transition:var(--transition-speed-fast) ease;width:100%}@media only screen and (min-width:576px){.alert{transition:var(--transition-speed-rapid) ease;width:min(100%,50rem)}}.alert:focus-visible{outline:none}.alert__mask{align-items:end;background-color:var(--color-light-dark-transparent);display:grid;top:0;right:0;bottom:0;left:0;justify-items:center;padding-top:25vh;position:fixed;transition:var(--transition-speed-fast) ease;z-index:8}@media only screen and (min-width:576px){.alert__mask{padding:var(--gutter);place-items:center;transition:var(--transition-speed-rapid) ease}}.alert__header{align-items:center;border-bottom:1px solid var(--color-grey-300);display:flex;flex-direction:row;font-size:var(--font-size-lg);gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg)}.alert__close{background-color:transparent;border:none;cursor:pointer}.alert__content{max-height:50rem;min-height:15rem;overflow:auto;padding:var(--spacing-lg);text-align:center}.alert__controls{align-items:center;background-color:var(--color-light);border-top:1px solid var(--color-grey-300);bottom:0;display:flex;flex-direction:row;gap:var(--spacing-sm);justify-content:center;min-height:6rem;padding:var(--spacing-xxs) var(--spacing-lg);position:sticky}.alert__controls .btn{width:min(25rem,100%)}.alert p{margin-bottom:var(--spacing-sm)}}