/* Всплывающие уведомления (GrowlNotification) — стили перенесены из оригинального style.css case-battle */
.gn-wrapper{position:fixed;pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;z-index:1080;top:0;left:0;right:0;bottom:0}
.gn-top-right,.gn-bottom-right{align-items:flex-end}
.gn-bottom-right{justify-content:flex-end}
.gn-top-left,.gn-bottom-left{align-items:flex-start}
.gn-bottom-left{justify-content:flex-end}
.gn-top-center,.gn-bottom-center{align-items:center}
.gn-top-center{justify-content:flex-start}
.gn-bottom-center{justify-content:flex-end}
.gn-notification{flex-shrink:0;border-radius:0;overflow:hidden;margin:1rem;cursor:default;pointer-events:all;min-width:17rem;max-width:25rem;position:relative;transition:background-color .2s ease-in-out}
.gn-insert{animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);animation-fill-mode:forwards}
.gn-close-on-click{cursor:pointer}
.gn-close{position:absolute;top:0;right:0;font-size:1rem;padding:0 4px 0 12px;opacity:0;transition:all 100ms ease-in;cursor:pointer;user-select:none;-moz-user-select:none;width:35px}
.gn-notification:hover .gn-close{opacity:1}
.gn-close:hover{background:rgba(5,79,0,.8)}
.gn-close.gn-close-title{display:flex;align-items:center;bottom:0;border-bottom:0;border-bottom-left-radius:0}
.gn-notification>h1{background-color:rgba(0,0,0,.2);overflow:hidden;text-overflow:ellipsis;position:relative}
.gn-remove{animation-timing-function:linear;animation-fill-mode:forwards}
.gn-lifespan{display:block;height:3px;width:100%;background-color:#c4e388;transition:height .4s ease-in-out,width 0s linear}
.gn-extinguish{animation-duration:1000ms;animation-name:shorten;animation-timing-function:linear;animation-fill-mode:forwards}
.gn-lifespan.gn-retire{height:0px}
.gn-success{background-color:#689f38;color:#fff;opacity:.9}
.gn-info{background-color:#0288d1;color:#fff;opacity:.9}
.gn-error{background-color:rgba(192,57,43,.76);color:#fff;opacity:.9}
.gn-error .gn-lifespan{background-color:#ad6565}
.gn-error .gn-close:hover{background:rgba(80,0,0,.8)}
.gn-warning{background-color:#d87a00;color:#fff}
.gn-warning .gn-lifespan{background-color:#945800}
.gn-message{background-color:#333;color:#fff}
.gn-content{display:flex;flex:1;align-content:space-between;align-items:center}
.gn-content>img{max-width:30%;max-height:20rem;flex-shrink:0}
.gn-content .gn-text{max-width:100%;word-break:break-word;line-height:normal}
.gn-content>img:only-child,.gn-content .gn-text:only-child{max-width:100%}
.gn-notification>h1,.gn-content .gn-text{padding:.5rem;margin:0;width:100%;font-size:15px}
.gn-content .gn-text a{color:hsla(0,0%,100%,.8);transition:all .2s ease-in-out}
.gn-content .gn-text a:hover{text-shadow:1px 0 1px hsla(0,0%,100%,.8);border-radius:2px}
.gn-content .gn-text h1,.gn-content .gn-text h2{margin:.5rem 0}
.gn-content .gn-text h1{font-size:1.2rem}
.gn-content .gn-text h2{font-size:1.1rem}
.gn-content .gn-text img{height:auto;max-width:100%;margin:.1rem 0}
.gn-bold{font-weight:bold}
.gn-italic{font-style:italic}
.gn-code{font-family:SFMono-Regular,Menlo,"Lucida Console",Monaco,Consolas,"Liberation Mono","Courier New",monospace;padding:.1rem .2rem;background-color:#333;color:#f7f7f7;line-height:1.4;border-radius:2px;box-shadow:0 0 1px #333}
.gn-message .gn-code{background-color:#4d4d4d;box-shadow:0 0 1px #4d4d4d}
.gn-separator{display:block;width:100%;border-bottom:1px solid #fff;border-radius:4px;height:2px;line-height:0px;margin:.75rem 0}
.gn-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:stretch;align-items:stretch;align-content:stretch;text-align:center;border-top:1px solid rgba(0,0,0,.4)}
.gn-button{width:100%;padding:.5rem;border:0;cursor:pointer;border-right:1px solid rgba(0,0,0,.4);transition:all .1s ease-in;font-size:1rem}
.gn-button:hover{background:rgba(0,0,0,.6)}
.gn-button:disabled{background:rgba(0,0,0,.6);filter:grayscale(60%)}
.gn-button:last-child{border-right:0}
.gn-float-right{float:right}
@keyframes shorten{from{width:100%}to{width:0}}
@keyframes insert-right{from{transform:rotateY(-70deg);transform-origin:right}to{transform:rotateY(0deg);transform-origin:right}}
@keyframes insert-left{from{transform:rotateY(-70deg);transform-origin:left}to{transform:rotateY(0deg);transform-origin:left}}
@keyframes insert-top{from{transform:rotateX(70deg);transform-origin:top}to{transform:rotateX(0deg);transform-origin:top}}
@keyframes insert-bottom{from{transform:rotateX(-70deg);transform-origin:bottom}to{transform:rotateX(0deg);transform-origin:bottom}}
@keyframes fadeout{from{opacity:1}to{opacity:0}}
@keyframes rotateout{from{transform:rotate(0) scale(1)}to{transform:rotate(-360deg) scale(0)}}
@keyframes rotatein{from{transform:rotate(0) scale(0)}to{transform:rotate(360deg) scale(1)}}
@keyframes fadein{from{opacity:0}to{opacity:1}}