*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body :root{--black: #000;--white: #fff;--red: #f32827;--purple: #a42ce9;--blue: #2d7fea;--yellow: #f4f73e;--pink: #eb30c1;--gold: #ffd500;--aqua: #2febd2;--gray: #282c35}html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:JetBrains Mono,monospace;margin:0;padding:0;min-height:100vh;background:white;color:var(--black)}.container{margin:0 auto;max-width:1160px;padding:0 60px}a{color:var(--black);font-weight:500}.h1paddTopDiv{background-color:#f2f2f2;margin-bottom:14px}.h1paddTop{padding-top:14px;padding-bottom:14px;max-width:1160px;display:flex;margin:0 auto;padding-left:60px;font-weight:400}.h1Head{text-align:unset;font-weight:400}.red{background-color:#f003;color:red;border-color:red}.red:hover,.red.selected{background-color:#ff000080}.blue{background-color:#0000ff1a;color:#0078ff;border-color:#00f}.blue:hover,.blue.selected{background-color:#0000ff80}.cyan{background-color:#0ff3;color:#0ff;border-color:#0ff}.cyan:hover,.cyan.selected{background-color:#00ffff80}.orange{background-color:#ffa50033;color:orange;border-color:orange}.orange:hover,.orange.selected{background-color:#ffa50080}.lime{background-color:#0f03;color:#0f0;border-color:#0f0}.lime:hover,.lime.selected{background-color:#00ff0080}.white{background-color:#fff3;color:#000;border-color:#fff}.white:hover,.white.selected{background-color:#ffffff80}.rebeccapurple{background-color:#6393;color:#639;border-color:#639}.rebeccapurple:hover,.rebeccapurple.selected{background-color:#66339980}.yellow{background-color:#ff03;color:#ff0;border-color:#ff0}.yellow:hover,.yellow.selected{background-color:#ffff0080}h1{text-align:center;font-weight:black;font-size:20px}h2{font-size:16px;color:#7e7e7e;font-weight:600}h3{font-size:20px;padding-bottom:10px;color:#7e7e7e;font-weight:600}button,.button{width:100%;cursor:pointer;background:rgb(154,205,154);color:var(--white);border-radius:.25rem;border:none;padding:4px 0;font-weight:700;transition:background .1s ease-in-out;text-align:center;text-decoration:none;font-size:16px}button:hover,.button:hover{text-decoration:underline}hr{width:80%;border-color:#aaa}main{display:flex;gap:4rem}section{flex:5}aside{flex:1;display:flex;flex-direction:column;gap:.5rem}.issues-list{list-style:none;padding:0;display:flex;flex-direction:column}.issues-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:8px 0;border:solid 1px rgba(255,255,255,.25);border-radius:.25rem}.issues-list li div svg{width:18px;height:18px}.issues-list li:hover{background-color:#ffffff1a}.issues-list li a{text-decoration:none;margin-right:1rem}.issues-list li small{font-size:.75rem;color:#aaa}.issues-list .assigned-to{width:26px;border-radius:100%}form{padding-bottom:6px}form label{margin-bottom:.25rem;display:block;font-weight:600;font-size:16px;color:#7e7e7e}form input{width:100%;font-size:1rem;border-radius:.25rem;border:solid 1px rgba(26,26,26,.25);padding:.5rem 1rem;transition:border .1s ease-in-out;background-color:#fff;color:#626262}.comment-count{display:flex;justify-content:center;align-items:flex-end;gap:.25rem;color:#aaa;font-size:14px}.issue-content{flex:1;display:flex;flex-direction:column;font-size:16px}.issue-content>span>span,.labels li button,.label{font-size:14px;font-weight:600;border-radius:999px;padding:0 6px;border:solid 1px;text-align:center;white-space:nowrap}.labels ul{list-style:none;padding:0;display:flex;gap:.5rem;flex-wrap:wrap}.status-select{background:white;color:var(--black);border:solid 1px var(--black);font-size:16px;text-align:center;padding:.5rem 1rem;border-radius:.25rem;font-weight:700;cursor:pointer}.add-issue form{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:65ch}.add-issue form input,.add-issue form textarea{width:100%;padding:.5rem;color:#fff;border:solid 1px #aaa;background-color:var(--black);border-radius:.25rem;font-size:1rem;font-weight:700;margin-bottom:.5rem;font-family:proxima-nova,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.add-issue form textarea{height:10rem}.add-issue form button{width:max-content;align-self:flex-end;font-size:1rem}.issue-details header{border-bottom:solid 1px #aaa;padding-bottom:1rem}.issue-details h2 span{color:#aaa}.issue-details header div{display:flex;align-items:center;gap:.5rem;color:#aaa;font-size:16px}.issue-details{padding-top:10px}.issue-details .created-by{font-weight:700}.issue-details .open,.issue-details .closed{color:#fff;display:flex;align-items:center;gap:.5rem;width:max-content;padding:.25rem .5rem;border-radius:999px;font-size:16px}.issue-details .open{background:green}.issue-details .closed{background:red}.issue-options{display:flex;align-items:center;justify-content:space-between}.issue-options:last-child{border-bottom:none}.issue-options span{font-size:16px;font-weight:700;display:block;margin-bottom:.5rem}.issue-details aside img{width:1.5rem;height:1.5rem;border-radius:999px}.issue-options>div>div{display:flex;align-items:center;gap:.5rem}.issue-details aside>div{position:relative}.issue-details aside svg{cursor:pointer;transition:transform .25s ease-in-out}.issue-details aside svg:hover{transform:rotate(30deg)}.issue-details aside .status-select{font-size:.8rem}.label-dot{width:.5rem;height:.5rem;border-radius:999px}.picker-menu{z-index:10;position:absolute;top:2.5rem;right:1.5rem;width:12rem;background-color:#000c;border:solid 1px rgba(255,255,255,.2);border-radius:.25rem;overflow:hidden}.issue-options .picker-menu>div{display:flex;align-items:center;padding:.25rem .5rem;cursor:pointer}.issue-options .picker-menu.labels>div{align-items:baseline}.issue-options .picker-menu>div.selected{background-color:#444}.issue-options .picker-menu>div:hover{background-color:#333}.comment{margin:1rem 0;display:flex;gap:1rem}.comment>img{width:28px;height:28px;border-radius:999px}.comment>div{flex:1;border:solid 1px #aaa;border-radius:.25rem;overflow:hidden}.comment-header{padding:4px;border-bottom:solid 1px #aaa;font-size:16px;color:#050505}.comment-header>span:first-child{font-weight:700;color:#000}.comment-body{padding:4px;font-size:16px}.buttonPag{background-color:unset;color:#7e7e7e;font-size:16px;font-weight:400}.currPagNum{font-size:16px}.pagination:before{margin-right:4px;clip-path:polygon(9.8px 12.8px,8.7px 12.8px,4.5px 8.5px,4.5px 7.5px,8.7px 3.2px,9.8px 4.3px,6.1px 8px,9.8px 11.7px,9.8px 12.8px)}.pagination{display:flex;align-items:center;justify-content:center;gap:20px}.pagination button{width:max-content}.loader{animation:spin 1s steps(8) infinite;height:1rem}.fetching-indicator{position:fixed;top:0;right:0;margin:1rem;z-index:10;pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
