.ui-notification-panel{height:0;position:relative;width:100%}.ui-notification-panel__container{transform:translateY(-12px);margin:auto;border-radius:0 0 18px 18px;padding:24px 16px 12px;max-width:90%}.ui-notification-panel__show{animation:slide-in .5s ease-in-out}@keyframes slide-in{0%{transform:translateY(-100%)}40%{transform:translateY(0)}to{transform:translateY(-12px)}}.ui-notification-panel__hide{transition:transform .3s ease-in-out;transform:translateY(-100%)}.ui-notification-panel__content{display:flex;align-items:center}.ui-notification-panel__text{font-size:var(--ui-font-size-xl);line-height:var(--ui-font-line-height-xl)}.ui-notification-panel__left-icon-divider{width:1px;height:20px;background-color:var(--ui-color-palette-gray-20);margin-left:10px;margin-right:10px}.ui-notification-panel__buttons-container{margin-left:18px;display:flex;gap:9px}.ui-notification-panel__footer{display:flex;align-items:center;gap:12px;margin-left:auto}.ui-notification-panel__close-button{cursor:pointer;opacity:.2;--ui-icon-set__icon-size:20px;--ui-icon-set__icon-color:var(--ui-color-palette-gray-90)}.ui-notification-panel-blue.ui-notification-panel__container{background:#2a98d7!important}.ui-notification-panel-red.ui-notification-panel__container{background:#c21b16!important}.ui-notification-panel-blue .ui-notification-panel__text,.ui-notification-panel-red .ui-notification-panel__text{color:#fff}.ui-notification-panel-blue .ui-notification-panel__close-button,.ui-notification-panel-red .ui-notification-panel__close-button{--ui-icon-set__icon-color:#fff;opacity:.5}.ui-notification-panel-blue .ui-btn-light-border:focus,.ui-notification-panel-blue .ui-btn-light-border:hover,.ui-notification-panel-red .ui-btn-light-border:focus,.ui-notification-panel-red .ui-btn-light-border:hover{background-color:hsla(0,0%,100%,.3)}.ui-notification-panel-blue .ui-btn-light-border:active,.ui-notification-panel-red .ui-btn-light-border:active{background-color:hsla(0,0%,100%,.4)}.ui-notification-panel-blue .ui-btn-light-border:visited,.ui-notification-panel-red .ui-btn-light-border:visited{background-color:hsla(0,0%,100%,.5)!important}.ui-notification-panel-blue .ui-notification-panel-text-padding,.ui-notification-panel-red .ui-notification-panel-text-padding{padding-right:45px}.ui-notification-panel__close-button:hover{opacity:1}