.slide-enter-active,.slide-leave-active{-webkit-transition:all .5s;transition:all .5s}.slide-leave-active{display:none}.slide-enter{-webkit-transform:translate(-100%);transform:translate(-100%)}#issues-sidebar{z-index:10;height:100vh}#issues-sidebar .header{padding-bottom:0}#issues-sidebar .header .gradient-divider{position:relative;width:calc(100% + 32px);margin-left:-16px}#issues-sidebar .header .back-icon-container{cursor:pointer}#issues-sidebar .header .title{padding-bottom:16px;cursor:pointer}#issues-sidebar .header .title a{color:var(--secondary);padding-left:24px;font-size:14px}#issues-sidebar .header .inputs-container .filters-container{margin-top:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}#issues-sidebar .header .inputs-container .filters-container button{height:32px;width:32px;border-radius:4px;margin-left:8px}#issues-sidebar .header .inputs-container .filters-container button.focus{border:1px solid var(--accent);-webkit-box-shadow:none;box-shadow:none}#issues-sidebar .header .inputs-container .filters-container .sort-dropdown{position:absolute;background-color:var(--primary-2);-webkit-box-shadow:0 0 14px 2px rgba(0,0,0,.75);box-shadow:0 0 14px 2px rgba(0,0,0,.75);border-radius:8px;z-index:10;right:0;top:45px}#issues-sidebar .header .inputs-container .filters-container .sort-dropdown h6{color:var(--secondary-2);margin-bottom:8px;padding:14px;padding-bottom:0;font-size:12px}#issues-sidebar .header .inputs-container .filters-container .sort-dropdown ul{padding-left:0;margin-bottom:0;list-style:none}#issues-sidebar .header .inputs-container .filters-container .sort-dropdown ul li{height:38px;font-size:16px;color:var(--light);line-height:38px;padding-left:16px;padding-right:16px;border-bottom:3px solid var(--primary-1);cursor:pointer}#issues-sidebar .header .inputs-container .filters-container .sort-dropdown ul li:last-child{border-radius:0 0 8px 8px}#issues-sidebar .header .inputs-container .filters-container .sort-dropdown ul li:hover{background-color:var(--accent-dark)}#issues-sidebar .header .inputs-container .filters-container .sort-dropdown ul li.active{color:var(--accent);font-weight:700}#issues-sidebar .header .inputs-container .filters-container .sort-dropdown ul li.active:hover{color:var(--light)}#issues-sidebar .header .inputs-container .tabs-container{display:-webkit-box;display:-ms-flexbox;display:flex;height:48px;width:calc(100% + 32px);margin-left:-16px;margin-top:12px}#issues-sidebar .header .inputs-container .tabs-container button{width:33.3333333333%;height:100%;border:none;background-color:var(--primary-2);-webkit-transition:all;transition:all;font-size:12px;color:var(--secondary-3);outline:none;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;position:relative}#issues-sidebar .header .inputs-container .tabs-container button:hover:not(.active){opacity:.5;-webkit-transition:opacity .3s;transition:opacity .3s}#issues-sidebar .header .inputs-container .tabs-container button .tab-title{margin-top:2px}#issues-sidebar .header .inputs-container .tabs-container button .sup{position:absolute;font-size:9px;top:8px;right:8px;color:var(--secondary-3)}#issues-sidebar .header .inputs-container .tabs-container button.active{background-color:var(--primary-3);color:var(--light);-webkit-transition:all;transition:all;border-radius:4px 4px 0 0}#issues-sidebar .header .inputs-container .tabs-container button.active .sup{color:var(--accent)}#issues-sidebar .content{padding:0;background-color:var(--primary-2)}#issues-sidebar .content .selected-info-container{display:grid;grid-template-rows:minmax(0,1fr) -webkit-max-content;grid-template-rows:minmax(0,1fr) max-content}#issues-sidebar .content .selected-info-container .issue-grid{height:calc(100vh - 142px);display:grid;grid-template-rows:-webkit-max-content minmax(0,1fr);grid-template-rows:max-content minmax(0,1fr)}#issues-sidebar .content .selected-info-container .issue-grid #issue-comments{background-color:var(--primary-1)}#issues-sidebar .content .selected-info-container.is-files-active #custom-message-input-container{height:230px;position:absolute;bottom:0;width:100%;border-top:2px solid var(--secondary-1)}#issues-sidebar .content .selected-info-container #custom-message-input-container{height:62px;max-width:316px}