.detailBar{-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}}.detailBar .shake{animation:shake .3s ease-in-out 10}.detailBar .title-bar{align-items:center;background:linear-gradient(90deg,#0075ed,#03b2fa 48%,#03b5fb);border-radius:5px 5px 0 0;cursor:pointer;display:flex;height:35px;justify-content:space-between;line-height:35px;padding:0 8px}.detailBar .title-bar .arrow-section{flex-shrink:0;width:auto}.detailBar .title-bar .arrow-section .detail-bar-arrow{transform:rotate(0);transition:transform .5s}.detailBar .title-bar .arrow-section .detail-bar-arrow.expanded{transform:rotate(90deg)}.detailBar .title-bar .title-section{flex:1;margin-left:8px;text-align:left}.detailBar .title-bar .title-section p{color:#fff;margin:0;width:100%}.detailBar .title-bar .title-section p.first{font-size:14px;font-weight:400}.detailBar .title-bar .title-section p.last{font-size:12px;font-weight:300;margin-top:-10px}.detailBar .title-bar .icon-section{align-items:center;display:flex;flex-shrink:0;width:auto}.detailBar .infoContent.open{max-height:500px;opacity:1}.detailBar .infoContent{max-height:0;opacity:0;overflow:hidden;transition:max-height .2s ease-out,opacity .1s ease-out}.detailBar .infoContent .detailBarContent{border-bottom-left-radius:25px;border-bottom-right-radius:25px;margin-top:-15px;transition:width 2s,height 2s,background-color 2s,transform 2s}.detailBar .infoContent .detailBarContent .barContent{background:#f9f9fc;border-radius:10px;margin:auto;padding:5px;text-align:center;width:100%}