.toast{--toast-duration:var(--civic-toast-duration-default);gap:var(--gap-lg);padding:var(--civic-space-xl)var(--civic-space-6xl);border-radius:var(--radius-md);border:var(--civic-border-width)solid var(--civic-border);box-shadow:var(--shadow);animation:toast_in var(--civic-duration-sm)var(--civic-ease-default)both,toast_out var(--civic-duration-xl)var(--civic-ease-default)forwards var(--toast-duration);transform-origin:100% 0;transform:translateY(calc(var(--toast-index,0)*var(--gap-sm)))scale(calc(1 - (var(--toast-index,0)*.035)));filter:brightness(calc(1 - (var(--toast-index,0)*.06)))saturate(.98);z-index:calc(var(--civic-z-toast-item) - var(--toast-index,0));pointer-events:auto;transition:transform var(--civic-duration-md)var(--civic-ease-default),filter var(--civic-duration-md)var(--civic-ease-default),box-shadow var(--civic-duration-md)var(--civic-ease-default);grid-template-columns:1fr auto;align-items:start;display:grid}.toast_region:hover .toast{transform:translateY(calc(var(--toast-index,0)*var(--civic-space-xs)))scale(calc(1 - (var(--toast-index,0)*.02)));filter:brightness()saturate()}.toast:hover{transform:translateY(var(--civic-space-none))scale(var(--civic-scale-hover-sm));box-shadow:0 var(--civic-toast-shadow-hover-y)var(--civic-toast-shadow-hover-blur)var(--civic-shadow-elevated);animation-play-state:paused}.toast_leaving,.toast_leaving:hover{animation:toast_dismiss var(--civic-duration-xl)var(--civic-ease-default)both;pointer-events:none;animation-play-state:running}.toast_error{border-color:var(--civic-danger-border);background:linear-gradient(120deg,var(--civic-danger-gradient-start)88%,var(--civic-danger-gradient-end)100%);box-shadow:0 var(--civic-toast-shadow-variant-y)var(--civic-toast-shadow-variant-blur)var(--civic-danger-shadow)}.toast_info{border-color:var(--civic-info-border);background:linear-gradient(120deg,var(--civic-info-toast-start)88%,var(--civic-info-toast-end)100%);box-shadow:0 var(--civic-toast-shadow-variant-y)var(--civic-toast-shadow-variant-blur)var(--civic-info-shadow)}.toast_success{border-color:var(--civic-success-toast-border);background:linear-gradient(120deg,var(--civic-success-toast-start)50%,var(--civic-success-toast-end)100%);box-shadow:0 var(--civic-toast-shadow-variant-y)var(--civic-toast-shadow-variant-blur)var(--civic-success-toast-shadow)}.toast_error .toast_title,.toast_info .toast_title,.toast_success .toast_title{color:var(--civic-on-dark-full)}.toast_title{font-weight:var(--font-weight-bold);color:var(--civic-text)}.toast_error .toast_body,.toast_info .toast_body,.toast_success .toast_body{color:var(--civic-on-dark-muted-084)}.toast_body{color:var(--civic-muted);font-size:var(--civic-text-base-fluid);line-height:var(--line-height-toast-body);margin-top:var(--gap-xs);max-height:var(--civic-space-none);opacity:0;transform:translateY(var(--civic-translate-toast-body));transition:max-height var(--civic-duration-xl)var(--civic-ease-default),opacity var(--civic-duration-md)var(--civic-ease-default),transform var(--civic-duration-md)var(--civic-ease-default);overflow:hidden}.toast:hover .toast_body{max-height:var(--civic-toast-body-max);opacity:1;transform:translateY(var(--civic-space-none))}.toast_close{border:var(--civic-space-none);color:var(--civic-muted);cursor:pointer;font-size:var(--civic-text-xs-fluid);padding:var(--gap-xs)var(--civic-space-sm);background:0 0}.toast_error .toast_close,.toast_info .toast_close,.toast_success .toast_close{color:var(--civic-on-dark-muted-090)}.toast_close:hover{color:var(--civic-text)}.toast_error .toast_close:hover,.toast_info .toast_close:hover,.toast_success .toast_close:hover{color:var(--civic-on-dark-full)}@keyframes toast_in{0%{opacity:0;transform:translateY(calc(var(--toast-index,0)*var(--gap-sm) + var(--civic-translate-toast-dismiss)))scale(var(--civic-scale-toast-in))}to{opacity:1;transform:translateY(calc(var(--toast-index,0)*var(--gap-sm)))scale(calc(1 - (var(--toast-index,0)*.035)))}}@keyframes toast_out{0%{opacity:1;transform:translateY(calc(var(--toast-index,0)*var(--gap-sm)))scale(calc(1 - (var(--toast-index,0)*.035)))}to{opacity:0;transform:translateY(calc(var(--toast-index,0)*var(--gap-sm) + var(--civic-translate-toast-dismiss)))scale(var(--civic-scale-toast-in))}}@keyframes toast_dismiss{0%{opacity:1;transform:translateY(calc(var(--toast-index,0)*var(--gap-sm)))scale(calc(1 - (var(--toast-index,0)*.035)))}to{opacity:0;transform:translateY(calc(var(--toast-index,0)*var(--gap-sm) + var(--civic-translate-toast-dismiss)))scale(var(--civic-scale-toast-in))}}.toast_region{top:var(--p-lg);right:var(--p-lg);z-index:var(--civic-z-toast-region);gap:var(--gap-md);max-width:var(--civic-toast-region-max);pointer-events:none;display:grid;position:fixed}