.js-logger{z-index:999999;background-color:#fff;border-top:1px solid #e6e6e6;flex-direction:column;padding:0;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 20px rgba(0,0,0,.15)}.js-logger__header{background-color:#f7f7f7;border-bottom:1px solid #e6e6e6;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.6rem 2rem;display:flex}.js-logger__title{color:#0d0c0d;margin:0;font-size:1.8rem;font-weight:600}.js-logger__close{cursor:pointer;color:#736f6b;background:0 0;border:none;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;width:3.6rem;height:3.6rem;padding:.4rem;font-size:3.2rem;line-height:1;transition:all .2s;display:flex}.js-logger__close:hover{color:#0d0c0d;background-color:#e6e6e6}.js-logger__close:active{background-color:#d9d9d9;transform:scale(.95)}.js-logger__list{flex:1;max-height:50vh;margin:0;padding:0;list-style:none;overflow-y:auto}.js-logger__item{color:#0d0c0d;white-space:pre-wrap;word-break:break-word;border-bottom:1px solid #f1f3f6;padding:1.2rem 2rem;font-family:Courier New,Courier,monospace;font-size:1.4rem;line-height:1.5;transition:background-color .15s}.js-logger__item:hover{background-color:#f7f7f7}.js-logger__item:last-child{border-bottom:none}