.notification-wrapper{transition:opacity .2s ease-in-out}.notification-wrapper.open{opacity:1;pointer-events:all}.notification-bg{background-color:var(--transparent-black-08);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.notification{background-color:var(--white);border:1px solid var(--red-200);border-radius:12px;box-shadow:0 20px 24px -4px #10182814,0 8px 8px -4px #10182808;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:90dvw;overflow-y:auto;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease-in-out}.notification-header{color:var(--gray-600);display:flex;flex-direction:column;font-size:.875rem;font-weight:var(--font-w-regular);gap:16px;line-height:1.25rem;padding:24px 24px 0}.notification-header .text{color:var(--gray-900);font-size:1.125rem;font-weight:var(--font-w-semibold);line-height:1.75rem;margin-bottom:4px}.button-close{position:absolute;right:16px;top:16px}.button-ok{bottom:20px;position:absolute;right:20px}.notification-content{display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:auto;padding:24px}.content-lists{flex-direction:column}.content-item,.content-lists{display:flex;gap:12px}.content-item .minus{flex:0 0 20px;height:20px;margin-top:2px;width:20px}.error{color:var(--red-500)}.success{color:var(--success-500)}@media (min-width:600px){.notification{max-width:600px;width:100%}}