@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-font-weight:initial;--tw-leading:initial}}}.notification-card{border-radius:var(--radius-md,.375rem);border-left-style:var(--tw-border-style);border-left-width:4px;border-color:var(--color-secondary,#3087c9);background-color:var(--color-body-highlight,#d5e5f2);padding:calc(var(--spacing,.25rem)*5)}.notification-card:where(.dark,.dark *){background-color:var(--color-body-highlight-dark,#161c21)}.notification-card h4{margin-bottom:var(--spacing,.25rem);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.notification-card p{margin-bottom:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5)}.notification-card .btn{background-color:var(--color-secondary,#3087c9);color:var(--color-white,#fff)}@media(hover:hover){.notification-card .btn:hover{background-color:var(--color-secondary-dark,#1d5d8e)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}