.ui.banner{backface-visibility:hidden;height:100%;left:0;min-width:320px;pointer-events:none;position:fixed;top:0;width:100%}.ui.banner .banner-container{align-items:flex-start;animation:slideInBanner 150ms ease-out forwards;backface-visibility:hidden;border-radius:#dbe0e3 -radius;box-shadow:0 4px 4px 0 rgba(0,0,0,.43);color:#fff;display:flex;justify-content:flex-start;overflow-x:hidden;pointer-events:auto;position:absolute;right:0;top:88px;transition:top 150ms ease-out;width:282px}.ui.banner .banner-container .banner-level-type{align-items:center;align-self:stretch;border-radius:#dbe0e3 -radius;display:inline-flex;flex:0 1 1px;justify-content:center;max-width:44px;min-width:44px}.ui.banner .banner-container .banner-message-container{align-self:stretch;background-color:#1c2530;flex:1 1 auto;padding:18px 22px}.ui.banner .banner-container.animate-out{animation:slideOutBanner 333ms forwards}.ui.banner.banner-level-error .banner-container{background:#ee4334}.ui.banner.banner-level-purple .banner-container{background:#c68ef6}.ui.banner.banner-level-secondary .banner-container{background:#00aeef}.ui.banner.banner-level-success .banner-container{background:#54cd86}.ui.banner.banner-level-teal .banner-container{background:#56c4c4}.ui.banner.banner-level-warning .banner-container{background:#f99e49}@keyframes slideInBanner{0%{transform:translate(100%,0)}100%{transform:translate(0,0)}}@keyframes slideOutBanner{0%{transform:translate(0,0)}100%{transform:translate(100%,0)}}