:root{--black:#000;--white:#fff;--white-alpha-20:hsla(0,0%,100%,.2);--blue:#223c83;--blue-2:#38508f;--blue-3:#1976d2;--midnight:#242e54;--ocean:#008dca;--ocean-2:#037eb4;--light-blue:#f4f7f8;--light-grey:#f5f5f5;--grey:#d4dfe3;--grey-2:#767676;--grey-3:#828282;--grey-4:#bdbdbd;--grey-5:#e0e0e0;--grey-6:#00000042;--grey-7:#ecf1f3;--green:#219653;--dark-red:#cb3144;--primary:#ea515a;--primary-dark:var(--dark-red);--secondary:var(--ocean);--secondary-dark:var(--ocean-2);--box-shadow-10:0 0 20px rgba(0,0,0,.1);--box-shadow-25:0 0 20px rgba(0,0,0,.25);--box-shadow--for-modal:1px 1px 4px rgba(0,0,0,.1);--surface-color:var(--white);--ink-color:#242e54;--ink-color-inverse:var(--white);--ink-color-disabled:#9d9fa1;--heading-spacing-bottom:24px;--paragraph-spacing:15px;--list-indent:24px;--success-color:#4caf50;--error-color:#d8132b;--warning-color:#f7e8b5;--button-ink-color:var(--white);--button-ink-color-hover:var(--white);--button-surface-color:var(--primary);--button-surface-color-hover:var(--primary-dark);--link-color:#037eb4;--link-color-hover:#223c83;--link-color-active:#242e54;--duration-short:.2s;--duration-medium:.3s;--duration-long:.5s;--easing-default:cubic-bezier(.77,0,.175,1);--trs-short:all var(--duration-short) var(--easing-default);--trs-medium:all var(--duration-medium) var(--easing-default);--trs-long:all var(--duration-long) var(--easing-default);--trs-default:var(--trs-short);--gutter:16px;--safe-gutter-left:max(env(safe-area-inset-left),var(--gutter));--safe-gutter-right:max(env(safe-area-inset-right),var(--gutter));--safe-gutters:calc(var(--safe-gutter-left) + var(--safe-gutter-left));--container-width:666px}@media (min-width:730px){:root{--heading-spacing-bottom:28px}}@media (min-width:929px){:root{--container-width:990px}}.notification{border-radius:4px;display:grid;flex:1 1;grid-template-areas:"prepend content append close" ". content . .";grid-template-columns:max-content auto max-content max-content;overflow:hidden;padding:16px;position:relative}.notification--fixed{left:0;position:fixed;right:0;top:0}.notification__prepend{align-items:center;align-self:flex-start;display:flex;grid-area:prepend;margin-inline-end:16px}.notification__content{align-self:center;grid-area:content;overflow:hidden}.notification__content a{color:inherit}.notification__close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;line-height:1;margin-left:10px;padding:0;position:relative}.notification__close-btn:hover .notification__close-btn-overlay{background:currentColor;border-radius:50%;opacity:.2}.notification .notification__close-btn-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.notification--info{background-color:var(--ocean);color:var(--white)}.notification--warning{background-color:var(--warning-color);color:var(--midnight)}.notification--error{background-color:var(--error-color);color:var(--white)}.notification .v-icon{font-size:28px;height:28px;width:28px}.notification .mdi-close{font-size:16px}