#news-wrapper{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(100vw - 3rem);top:16px;top:1rem;bottom:96px;bottom:6rem;right:0;border:3px solid #fc0fc0;border-right:0;background:#000;-webkit-transform:translateX(100%);transform:translateX(100%);border-radius:6px 0 0 0}#news-wrapper .overflow-hidden{overflow:hidden;height:100%}#news-wrapper .tab{background:#000;position:absolute;bottom:0;right:100%;padding:.5rem;border:3px solid #fc0fc0;border-bottom:0;width:96px;width:6rem;text-align:center;-webkit-transform:rotate(-90deg) translateY(calc(7rem + 6px)) translateX(-3px);transform:rotate(-90deg) translateY(calc(7rem + 6px)) translateX(-3px);-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:6px 6px 0 0}#news-wrapper.open,#news-wrapper .tab{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="10" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(128,0,255,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');-webkit-filter:drop-shadow(0 0 10px #8000ff);filter:drop-shadow(0 0 10px #8000ff)}#news-wrapper.open{-webkit-transform:translateX(0);transform:translateX(0)}#news-wrapper.open .tab{-webkit-filter:none;filter:none}#news-wrapper .news{padding:1rem;overflow-y:scroll;height:100%}#news-wrapper h3:first-child{margin-top:0}